╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → css样式内联式,外联式,嵌入式的格式是什么?


  共有20693人关注过本帖树形打印复制链接

主题:css样式内联式,外联式,嵌入式的格式是什么?

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
css样式内联式,外联式,嵌入式的格式是什么?  发帖心情 Post By:2011/5/13 11:13:10 [只看该作者]

 
看看下面的介绍你就知道了。一个几个页面共用的样式用外联式,只这个页面用到的用内联式。只某个元素用到的用嵌入式。 它们的优先级是不一样的,一般嵌入式的优先级要高于内联式,而内联式又高于外联式的。 也就是说当这三种方式定义同一元素且样式冲突的情况下,以嵌入式的为主。 另: id 的优先级要高于 class 的 。

------------------------------------------------------------------

CSS 全称级联样式表 (Cascading Style Sheets),在实际应用中,一般有以下三种级联方式。

1. 外联式
外联式样式表中,CSS 代码作为文件单独存放,如以 style.css 文件包含所有样式。在 HTML 中的外部级联采用 <link> 标记或者 @import 语句来引入。示例代码如下:

<link rel="stylesheet" href="style.css" type="text/css" /> //link 链接
@import url("style.css"); //@import 导入

<link> 和 @import 的异同可参考此文:CSS 外部引用中 link 与 @import 的区别。

2. 内联式
门户网站的 CSS 代码通常采用嵌入式,即通常所说的内联方式 (Inline Style),其使用 <style> 标记将样式定义为内部块对象。示例代码如下:

<style type="text/css">
<!--
body
-->
</style>

内联 CSS 可以有效减少 HTTP 请求,提升页面性能,缓解服务器压力。由于浏览器加载完 CSS 才能渲染页面,因此能防止 CSS 文件无法读取而造成页面裸奔的现象。

3. 嵌入式
最初级的 CSS 写法即把代码直接添加于所修饰的标记元素。示例代码如下:

<div style="font-family:Arial,Helvetica,sans-serif;">芒果</div>

这样做虽然更为直观,但很大程度上加大了页面体积,不符合结构与表现分离的设计思想。

总体而言,外联和内联各有优点,可综合实际情况选择适合的级联方式。
另外,团IDC网上有许多产品团购,便宜有口碑 


http://zhidao.baidu.com/question/258243087.html


  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部