首頁 > web前端 > html教學 > 【学习笔记之CSS+DIV】CSS入门_html/css_WEB-ITnose

【学习笔记之CSS+DIV】CSS入门_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:33:18
原創
1024 人瀏覽過

CSS设计彻底研究第1章笔记

XHTML与HTML的重要区别

1. 在XHTML中标记名称必须小写

2. 在XHTML中属性名称必须小写

3. 在XHTML中标记必须严格严格嵌套

4. 在XHTML中标记必须封闭

5. 在XHTML中,即使是空元素的标记也必须封闭

6. 在XHTML中属性值用双引号括起来

7. 在XHTML中属性值必须使用完整形式

8. 在XHTML中,应该区分“内容标记”与“结构标记”

 

在HTML中引入CSS的方法

     1.行内式

This is a line of Text.

     2.内嵌式

         h1{

                   color:white;

                   background-color:blue

                   }

     3.导入式

         @import"mystyle.css";

     4.链接式

 

基本CSS选择器

     1.标记选择器:HTML标记

     2.类别选择器:.类别名

     3.ID选择器:#ID名

 

复合选择器

     1.“交集”选择器

                   div .special {……}

                   div #special {……}

     2.“并集”选择器

                   div, h1.first, p.special {……}

     3.后代选择器

                   div h1.first span.firstLetter{……}

     4.子选择器(IE6不支持)

                   p>span{……}

 

CSS的继承特性

CSS继承指的是子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上再加以修改,产生新的样式,而子标记的样式风格完全不会影响父标签

 

CSS的层叠特性

     优先级规则:行内样式 > ID样式 > 类别样式 > 标记样式

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板