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

 

posted @ 2015-11-24 11:04  424174余  阅读(236)  评论(0编辑  收藏  举报