内联样式—inlineCSS.html 把样式代码内联到标记内 使用style作为属性,样式语句作为属性值

          如: 控制<table>标记的边框样式为不折叠

内联样式特点 看上去很直观 针对个别元素控制 和传统的外观控制方式没有本质的不同 不推荐使用

嵌入样式—internalCSS.html 使用<style>标记把样式代码插入到页面中 一般插入到<head>标记中

           如:<head>

            <style>css语句</style>

            </head>

特点 将CSS语句直接写在HTML文档中,但它独立存在,方便维护和修改 仅针对一个HTML文档进行设置 代码是HTML文档的一部分,没有利用浏览器的缓存机制

外联样式—externalCSS.html 通过外部样式文件对页面进行控制 外部的样式文件通过HTML的link元素连接到HTML文档

使用—html.html/html.css 建立外部样式文件(.css) 外部的样式文件不能含有任何像<head>或<style>这样的HTML标记 样式表文件仅仅由样式规则或声明组成

特点 当样式被应用到很多的网页时,推荐使用外部样式表 网页制作者使用外部样式表,在改变整个网站的外观时,仅需要改变一个文件 大多数浏览器会保存外部样式表在缓冲区,从而如果样式表在缓冲区就避免了在展示网页时的延迟 在实际开发中一般都使用外联样式

 

posted on 2016-05-11 13:30  懒猫要学习512  阅读(138)  评论(0编辑  收藏  举报