CSS基础知识真难啊

CSS层叠样式表Cascading Style Sheets

CSS派生选择器（上下文选择器）：

• 后代选择器：h1  strong {color:red;}第一个参数和第二个参数之间的代数是可以无限的
• 子元素选择器：h1 > strong {color:red;}只会选择某个元素的子元素，而不会扩大到任意的后代元素
• 相邻兄弟选择器：h1 + strong {color:red;}会选择某一元素紧随其后的元素，但是前提是他们拥有相同的父级（即选择跟在h2后面的strong元素）

CSS ID选择器

CSS类选择器

CSS属性选择器：p[class="important warning"] {color: red;}查看http://www.w3school.com.cn/css/css_selector_attribute.asp

在《记》中也有提及

把css应用到网页中有3中方式：行间样式表、内部样式表、外部样式表

--------------------------------------------------------------------------------------------

ol与ul的区别：ol是有序的，即带数字，默认为<ol start="1">从1开始，<ol start="50">表示从50开始

background:linear-gradient（120deg，red,blue）;线性渐变（角度默认180deg）

white-space:nowrape;overflow:hidden;text-overflow:ellipsis;在某一元素内文字超出显示省略号

--------------------------------------------------------------------------------------------

替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。

比如：<img>、<input>、<textarea>、<select>、<object>都是替换元素

其余的大多数元素是不可替换元素，他们将内容直接告诉浏览器，将其显示出来<p><div>等

除了可替换元素和不可替换元素的分类方式外，css中元素还有另外的分类方式：块级元素（block-level）和行内元素（inline-level，也译作“内联”元素）。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。用em作单位。宽度之和<99%

--------------------------------------------------------------------------------------------

display:block和display：inline-block的区别：按行显示，

dianplay:block是因为元素后面紧跟了一个回车，而dispaly:inline-block是将后面的回车转换成了空格，虽然能够按行显示，但是中间肯定会有一部分空隙。

-------------------------------------------------------------------------------------------

text-align: justify;让文本两端对齐

text-transform全大写、全小写、首字母大写