随笔分类 -  CSS

BFC的触发条件
摘要：BFC（Block Formatting Context）的触发条件 BFC（Block Formatting Context ）块级格式化上下文，从字面的意思真的很难理解，我特别喜欢张鑫旭的 " CSS世界的结界 " 的叫法，非常的形象生动，看过火影的同学都知道，非常厉害的忍术都会形成结界，形成一 阅读全文
posted @ 2019-03-24 17:55 David-lcw 阅读(3592) 评论(0) 推荐(0)
替换元素与非替换元素
摘要：替换元素与非替换元素 替换元素：浏览器根据 元素标签 和 属性 来判断具体的显示内容。例如：<input type="text" /> 它是一个文本框，当改变其属性值的时候会显示不一样的内容；还有一些其他的元素，如：<input> 、<img>、<select>、<object>、<textarea 阅读全文
posted @ 2019-03-19 22:17 David-lcw 阅读(178) 评论(0) 推荐(0)
css中em的使用方法
摘要：css中em的使用方法 em的使用方法的总结： 1. 浏览器的默认字体大小是16px，可以在浏览器中设置默认的字体大小（下面的Chrome浏览器的设置方法） 2. em是一个相对的单位，是当前元素相对于父元素字体的大小而言的；例如：父元素设置font-size: 32px ，子元素设置font-si 阅读全文
posted @ 2019-03-17 19:00 David-lcw 阅读(10425) 评论(0) 推荐(1)
导航栏里面的li标签和a标签的配合使用
摘要：导航栏里面的li标签和a标签的配合使用 .nav li:hover { background-color: #2a80b9;} 阅读全文
posted @ 2019-03-17 11:49 David-lcw 阅读(1055) 评论(0) 推荐(0)
块级元素、内联元素、内联块元素的width和height的设置问题
摘要：块级元素、内联元素、内联块元素的width和height的设置问题 基础知识点： 1. css文档流概念：对于块级元素，它独占一行（读张鑫旭的css世界，知道是“外在盒子”的缘故），自上而下的排列；对于内联元素，它是自左向右排序，宽度不够的时候换行。 2. 元素的外在盒子：个人理解，它决定元素在文档 阅读全文
posted @ 2019-03-15 21:21 David-lcw 阅读(1869) 评论(0) 推荐(0)
元素水平垂直居中的方法
摘要：元素水平垂直居中的方法 方法一：（利用定位，子元素绝对定位，父元素相对定位，子元素left、right、top、bottom都为0、margin：auto） 方法二：（利用 定位 和CSS3的属性，子元素绝对定位、父元素相对定位、子元素left：50%、top：50%、transform: tran 阅读全文
posted @ 2019-03-03 16:02 David-lcw 阅读(261) 评论(0) 推荐(0)
定位
摘要：定位 定位有什么用处：让盒子移动到我们想要放置的地方 一、元素的定位方法：定位模式 + 边偏移 共有四种定位模式 语法：position:定位模式 二、绝对定位的盒子水平/垂直居中的问题 普通的盒子只需将左右改为auto就可以实现水平居中了，但是对于绝对定位的盒子来说就失效了（因为绝对定位的盒子脱离 阅读全文
posted @ 2019-01-23 14:48 David-lcw 阅读(186) 评论(0) 推荐(0)
CSS三大特性
摘要：CSS（Cascading Style Sheet）三大特性 1、层叠性 层叠性：多个样式作用在同一个元素上的时候，权重较大的会覆盖权重较小的样式，权重相同的时候，遵循就近原则：靠近元素的优先级大一点。 2、继承性 继承性：子标签会继承父标签的某些特性，如：文本颜色，字号。恰当的使用继承可以简化代码 阅读全文
posted @ 2019-01-23 07:23 David-lcw 阅读(206) 评论(0) 推荐(0)
五大浏览器-四大内核
摘要：五大主流浏览器 1、IE浏览器：IE是微软公司旗下浏览器，是目国内用户量最多的浏览器。IE诞生于1994年，当时微软为了对抗市场份额占据将近百分之九十的网景Netscape Navigator，于是在Windows中开发了自己的浏览器Internet Explorer，自此也引发了第一次浏览器大战。 阅读全文
posted @ 2019-01-13 09:40 David-lcw 阅读(2998) 评论(0) 推荐(0)
margin-top塌陷问题
摘要：margin-top塌陷 问题描述：当两个盒子嵌套的时候，内部的盒子设置的margin-top会加到外部盒子上，导致内部盒子的margin-top设置失败 解决办法：1.外部盒子设置一个边框 2. 外部盒子设置 overflow: hidden 3. 使用伪元素类（类似于加边框） 阅读全文
posted @ 2018-12-18 09:37 David-lcw 阅读(176) 评论(0) 推荐(0)
垂直margin合并问题
摘要：垂直margin合并问题 前提： 同属于一个BFC的两个相邻的盒子的margin会发生重叠 描述： 外边距合并指的是，当两个垂直外边距相遇时（水平外边距相遇的时候不会有这种问题），它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 解决办法： 1. 使用这种特性 2 阅读全文
posted @ 2018-12-17 22:00 David-lcw 阅读(160) 评论(0) 推荐(0)
CSS的引入方式
摘要：CSS的引入方式 1. 什么是CSS？ 即cascading style sheets：层叠样式表。 2. 为什么要用CSS？ 为了让网页的内容和样式分开，让网页的样式更加的丰富，CSS由此诞生，因此CSS也有页面美容师的美誉。有了CSS之后，html的样式标签大部分都废弃不用了。也因此更加便于爬虫 阅读全文
posted @ 2018-12-17 16:04 David-lcw 阅读(141) 评论(0) 推荐(0)
PPI和DPI
摘要：PPI和DPI 一、PPI 1. 什么是ppi? PPI（Pixels Per Inch，像素密度）是图像分辨率的单位，意为像素每英寸。英寸是常用的长度单位，大约相当于2.54厘米。而像素是专用于荧幕的概念，指的是荧幕可以解析的最小的点。因此，PPI值得是像素在荧幕上的密度，PPI越高图像就越清晰， 阅读全文
posted @ 2018-12-04 18:30 David-lcw 阅读(1462) 评论(0) 推荐(0)
清除浮动
摘要：清除浮动 1. 什么是清除浮动（其实，理解为闭合浮动更好~~~）？ 在 父级元素没有设置高度 的情况下，子级使用了浮动，此时子级将无法撑开父级，由此而产生的问题。 2. 清除浮动问题的方法 清除浮动的本质：就是把浮动的盒子圈到里面，让父盒子闭合出口和入口 方法一：父级添加 overflow 属性法 阅读全文
posted @ 2018-12-02 21:39 David-lcw 阅读(166) 评论(0) 推荐(0)

My Google PageRank