码迷,mamicode.com
首页 > Web开发 > 详细

css基础1

时间:2016-05-11 14:55:44      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

内联样式—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标记 样式表文件仅仅由样式规则或声明组成

技术分享

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

 

css基础1

标签:

原文地址:http://www.cnblogs.com/angel512/p/5481561.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!