98猛虎的博客

两栏布局float + bfc利用浮动和浮动元素对块级元素不可见(浮动元素会盖住非浮动的块级元素)，然后触发被覆盖的块级元素的 bfc，这样可以是右边蓝色的部分不被左边红色部分覆盖，而是刚好衔接。如果不触发 bfc 可以设置右边的的 margin-left=左边的宽度，但是不能实现右边的元素自适应。<div> <p></p> <p&...

1、选择器查找顺序是自右向左的顺序查找2、色值: #xxxxxx，六位，每两位代表一个颜色的饱和度，rgb分别代表红绿蓝，每一位是一个十六进制，如果每个的两位都重复，那么可以只写一个3、 行内元素不能设置宽高、块级元素可以、行内块级元素4、图片只需设置一个宽或者高，另一个会自动改变5、凡是inline和inline-block都是带有文字特性的，比如两个img标签，由于存在换行，他们之间会...

使用候选样式表需要用到link标签，将rel的值设置为alternatestylesheet 只有当用户选择这个样式表时才会使用这个，如果浏览器支持 可结合使用title生成一个候选样式列表,供用户选择，如果为rel为stylesheet的link指定了title那么也就指定了将该样式表将作为首选，但是一旦选择了候选就不能使用首选样式表了  如果没有title那么，它将作为一个永久样式表 一般都是...

在写页面的时候我们不仅可以使用link元素来引入外部样式文件，同时也可以在一下代码引入css文件@import url("global.css");需要要注意的是这个import 只能在style标签中使用。在实际当中这种方式使用的并不多，但是我还是把它写出来...

em:根据当前元素的font-size大小来确定，如当前font-size是14px 那么1em=14px;，如果是直接用em来设置字体大小那么此时的em是相对于父元素的字体大小。rem:相对于根元素html的字体大小。例如：html的大小是20px那么在子元素当中1rem就等于20px。百分比:使用固定宽时当视口变得比屏幕更窄时，它将从屏幕上消失。而使用百分比的宽度,宽度随着视口（...

一、最简单、最古老的颜色类型在CSS颜色的关键词，如red blue等。二、十六进制值，如#0000。三、RGB: rgb(255,0,0),这是给定的三个参数表示的红色，绿色和蓝色通道的颜色值每个通道不是由两个十六进制数字表示的，而是由0到255之间的十进制数表示的。四、HSL:该hsl( )函数接受色相、饱和度以及明度值色调：颜色的底色调。这个值在0到360之间，表示色轮周围的角度。饱和度：饱...

层叠什么选择器在层叠中胜出取决于三个因素（重要性（Importance），专用性（Specificity），源代码次序（Source order）），这些都是按重量级顺序排列的——前面的的一种会否决后一种。1、重要性：在属性后面有‘!important’字样，把它加在属性值的后面可以使这条声明有无比强大的力量，总是优先于其他规则。由于 !important 改变了层叠正常工作的方式，所以一...

颜色设置选中元素的前景内容的颜色(通常指文本，不过也包含一些其他东西 如p段落等) 接受任何合法的 CSS 颜色单位,;字体使用font-family属性来设置，这个属性允许你为浏览器指定一个字体 (或者一个字体的列表)，然后浏览器可以将这种字体应用到选中的元素上。浏览器只会把在当前机器上可用的字体应用到当前正在访问的网站上，如果字体不可用，那么就会用浏览器默认的字体代替 default font...

链接状态Link (没有访问过的): 这是链接的默认状态，当它没有处在其他状态的时候，它可以使用:link 伪类来应用样式。Visited: 这个链接已经被访问过了(存在于浏览器的历史纪录), 它可以使用 :visited 伪类来应用样式。Hover: 当用户的鼠标光标刚好停留在这个链接，它可以使用 :hover 伪类来应用样式。Focus: 一个链接当它被选中的时候 (比如通过键盘的 Tab  ...

水平格式化关于块级元素auto：可以设置为auto的属性有width和margin。如果其中一个设置了固定值，另外一个值设置为auto,那么会填满父元素，如果没有为外边距和宽设置值，那么外边距就是0，宽为块级元素填满父元素对于块级元素可以设置最小宽度替换元素中的水平格式如果width设置为auto那么将是元素的固有宽度 比如一张图片的宽是20 那么设置为auto的话将是20垂直格...