随笔分类 - CSS
摘要：<div class="container"> <div class="list"></div> <div class="list"></div> <div class="list"></div> <div class="list"></div> <div class="list"></div> <
阅读全文
摘要：cursor属性可用于设置光标在元素上的样式 cursor属性为零个或多个 指向一个图像文件。浏览器将尝试加载指定的第一个图像，如果无法加载则返回下一个图像，如果无法加载图像或未指定图像，则使用关键字值 cursor常见的关键字值有： 1.auto 浏览器根据上下文决定指针的显示样式，比如文本和非文
阅读全文
摘要：outline表示元素的外轮廓 该属性不会占用空间，默认显示在border外面 可以借助该属性查看网页布局 该属性可以用于取出a元素、input元素的focus轮廓效果 outline相关属性： outlint width outline style：取值与border style相同，如solid
阅读全文
摘要：1.继承 继承指一个元素如果没有设置某属性的值，该属性就会跟随父元素的值；css中有些属性可以继承，如color、font size、line height等 一个元素如果有设置某属性的值（无论自己设置还是浏览器设置的），就是用自己设置的值 不能继承的属性，一般可以使用inherit值强制继承 注意
阅读全文
摘要：1.text decoration 该属性用于设置文本的装饰线 1.none（默认值）：无任何装饰线 可以去除a元素默认的下划线 2.underline：下划线 3.overline：上划线 4.line through：中划线（删除线） 2.letter spacing(字符间距)与word sp
阅读全文
摘要：white space有四个值： 其中空白合并表示多个空白符会合并为一个空格 pre与pre wrap的区别在于当文字占满一行时，pre不会自动换行，而pre wrap会自动换行（即使没有换行符） 将文本显示为省略号可以使用下面的方式： white space: nowrap; // 不换行 ove
阅读全文
摘要：1.已知宽高的元素的水平居中方案 方案一 方案二 绝对定位盒子特性： 1.水平方向：left+right+width+padding+margin=包含块padding区域尺寸 2.垂直方向：top+bottom+height+padding+margin=包含块padding区域尺寸 2.未知宽高
阅读全文
摘要：1.如果html标签及body标签中只有一个标签具有overflow属性，该属性将作用于文档（即视窗是否显示滚动条） 2.如果html标签及body标签中均具有overflow属性，则html将控制视窗的滚动条，而body将控制body的滚动条 3.使用absolute的定位模拟fixed的定位 注
阅读全文
摘要：使用伪元素表示元素中的一些特殊位置 1.首字母 写法： :first letter ::first letter 2.首行 写法： :first line ::first line 3.指定元素前 写法：:before ::before ::before表示元素最前面的部分，一般需要结合conten
阅读全文
