css代码上一章 下一章,第一章、css和文档

一、html结构化 -> html结构化 + 外在表现(样式标签) -> 混乱

W3C 1995 CSS计划

1996 成熟推荐草案

二、术语

1.替换和非替换:替换元素、非替换元素

2.元素显示角色:块级元素、块内元素

display:影响显示角色的基本功能

display: block;

display: inline;

三、文档使用css

1.直接嵌入文档

测试导入css样式表

h1 {

color: purple;

}

-->

我是h1

我是h2

我是h3

2.link导入外部样式表,link必须要在head中

测试导入css样式表

我是h1

我是h2

我是h3

3.@import

测试导入css样式表

/*必须放在最上面*/

@import url(testcss.css);

h1 {

color: purple;

}

-->

我是h1

我是h2

我是h3

三、内联样式style

如果把样式放在style属性中,会抵消CSS的一些重要要点。XHTML1.1也不建议使用。

一、html结构化 -> html结构化 + 外在表现(样式标签) -> 混乱 W3C 1995 CSS计划 1996 成熟推荐草案 二、术语 1.替换和非替换:替换元素、非替换元素 2.元素显示角色:块级元素、块内元素 display:影响显示角色的基本功能 display: block; display: inline; 三、文档使用css 1.直接嵌入文档测试导入css样式表 h1 { color: purple; } --> 我是h1 我是h2 我是h3 2.link导入外部样式表,link必须要在head中测试导入css样式表 我是h1 我是h2 我是h3 3.@import测试导入css样式表 /*必须放在最上面*/ @import url(testcss.css); h1 { color: purple; } --> 我是h1 我是h2 我是h3 三、内联样式style 如果把样式放在style属性中,会抵消CSS的一些重要要点。XHTML1.1也不建议使用。
经验分享 程序员 微信小程序 职场和发展