WEB标准布局(DIV+CSS)学习笔记(一)--基础知识
首先,CSS样式有4种使用方式: 1、外部样式 2、内部样式 3、行内样式 4、导入样式 外部样式:把CSS样式写入到一个单独的文件中,每个HTML页面链接该文件,是使用最为广泛的方式, 很好的体现了表达(CSS)与结构(HTML )的分离思想 。 <!-- 在head标签内增加如下代码,代表链接外部样式 --> <head> <link href="css/mystyle.css" rel="stylesheet" type="text/css" /> </head> 内部样式:只在本HTML页面内有效,不能作用于其他页面。在本页面内, 也能够实现表达(CSS)与结构(HTML)的分离。 <!-- 在head标签内增加如下代码,代表创建内部样式 --> <head> <style type="text/css"> h1 {color:#000000;} </style> </head> 行内样式:在某个html标签内,通过定义样式,使该标签的表达发生改变。 这种方式并不好,因为表达(CSS)与结构(HTML)紧紧地耦合在一起。 但由于使用DW等网页可视化编辑工具,可以非常方便的“所见即所得”,这种方式也被很多人所使用,但要知道,这是不对的,尽可能避免。 <!-- 在p标签内部,直接定义样式 --> <p style="font-size:18px;">内部样式</p> 导入样式: