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:
text-transform全大写、全小写、首字母大写