> 웹 프론트엔드 > HTML 튜토리얼 > 【原】《DIV+CSS商业案例与网页布局开发精讲》读书笔记(2)_html/css_WEB-ITnose

【原】《DIV+CSS商业案例与网页布局开发精讲》读书笔记(2)_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:28:19
원래의
913명이 탐색했습니다.

1.CSS基本语法:包括3个方面,选择器、属性、属性值。

选择器 { 属性 : 属性值; }

注意:

1)属性必须包含在{}中。

2)属性和属性值之间用:分隔。

3)多个属性时,用;进行区分。

4)书写属性时,属性之间使用空格、换行等不影响属性的显示。

5)一个属性有多个属性值,每个属性值之间用空格分隔开。

2.CSS的调用方式:

包括3种,行间调用(元素中直接定义样式)、内部调用(页面中定义样式)和外部调用(单独写样式文件被调用)。

3.行间调用:

元素名称>

4.内部调用:

选择器 { 属性 : 属性值; }

调用时,根据不同的内容,写法不同。

1)元素名称>

2)元素名称>

5.外部调用:

1)使用link元素调用

2)使用@improt调用

6.应用CSS的优先级:

行间调用优先级最高、内部调用次之、外部调用最低。

 1 
 2      
 3          
 4          div  {
 5              color : red ;
 6              background : green ;
 7           }
 8 
 9          span  {
10              color : red ;
11              background : green ;
12           }
13           style >
14       head >
15      
16           CSS优先级 div >
17           CSS优先级 span >
18       body >
19  html >

7.DOCTYPE:Document Type(文档类型)的缩写。用以制定页面所使用的XHTML或HTML的版本。

8.DOCTYPE的选择:

在XHTML1.0中有3种DTD(文档类型定义),分别为过渡的(Transitional)、严格的(Strict)和框架的(Frameset)。

1)过渡的DTD

 

2)严格的DTD

 

3)框架的DTD

 

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿