昭与云的博客

html主要还是关注语义内容，虽然可以做简单的样式，但是繁琐且略丑基础选择器作用特点使用情况用法标签选择器可以选出所有相同的标签，比如p不能差异化选择较多类选择器可以选出1个或者多个标签可以根据需求选择非常多id选择器一次只能选择1个标签ID属性只能在每个HTML文档中出现一次一般和js搭通配符选择器选择所有的标签选择的太多，有部分不需要特殊情况使用每个基础选择器都有使用场景，都需要掌握如果是修改样式， 类选择器是使用最多的属性表示注意点。

在 CSS 中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，可以更准确、更高效的选择目标元素（标签）后代选择器、子选择器、并集选择器、伪类选择器等等选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格.nav a子代选择器选择最近一级元素只选亲儿子较少符号是大于.nav>p并集选择器。

​ 当上下相邻的两个块元素（兄弟关系）相遇时，如果上面的元素有下外边距 margin-bottom，下面的元素有上外边距 margin-top ，则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。important 无穷大.​ 对于两个嵌套关系（父子关系）的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值。子元素可以继承父元素的样式：（text-，font-，line-这些元素开头的可以继承，以及color属性）它控制相邻单元格的边框。

​ float 属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。选择器 { float: 属性值;

浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。静态定位是元素的默认定位方式，无定位的意思。它相当于 border 里面的none，静态定位static，不要定位的时候用。静态定位 按照标准流特性摆放位置，它没有边偏移。静态定位在布局时我们几乎不用的绝对定位是元素在移动位置的时候，是相对于它祖先元素来说的（拼爹型）。绝对定位的特点总结：（务必记住）1.如果没有祖先元素或者。

精灵图主要针对于小的背景图片使用。主要借助于背景位置来实现—。一般情况下精灵图都是负值。（千万注意网页中的坐标： x轴右边走是正值，左边走是负值， y轴同理。

过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。在实际工作中，字体图标基本上都是用伪元素来实现的，好处在于我们不需要在结构中额外去定义字体图标的标签，通过content属性来设置字体图标的 编码。n可以是公式︰常见的公式如下（如果n是公式，则从0开始计算，但是第0个元素或者超出了元素的个数会被忽略)属性选择器，按照字面意思，都是根据标签中的属性来选择元素。