css嵌入样式缺点,css嵌入样式缺点是什么

css 嵌入样式和内联样式问题

使用下面代码分隔的话，对js代码进行修改

我们提供的服务有：网站建设、成都做网站、微信公众号开发、网站优化、网站认证、肥城ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的肥城网站制作公司

function show() {

var div = document.getElementById("d1");

div.style.display = "block"; }

1、链入外部样式表文件 (Linking to a Style Sheet)

你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：

head

titletitle of article/title

link rel=stylesheet href="" type="text/css"

/head

2、定义内部样式块对象 (Embedding a Style Block)

你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。定义方式请参阅样式表语法。示例如下：

html

style type="text/css"

!--

body {font: 10pt "Arial"}

h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}

h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}

p {font: 10pt/12pt "Arial"; color: black}

/style

body

3、内联定义 (Inline Styles)

内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下：

p style="margin-left: 0.5in; margin-right:0.5in"这一行被增加了左右的外补丁p

其中第一种是最常用的，做到了css与布局代码的分离,可以使代码可编辑性更高。

1. 首选包含!important的样式直接覆盖了正常生成的样式规则，然后如果解析到后面还有!important规则时，再和以前的important规则比较优先级。就是说，使用!important的CSS规则是置为了最高优先级，然后最高优先级中去判断应用那个样式。

2. 使用!important对于性能并没有什么负面影响。但是从可维护性角度考虑还是少用这个规则。不过这个规则在IE6中有bug（IE6 IE7(Q) IE8(Q) 不完全支持 !important 规则），使用的时候还要注意。

本文名称：css嵌入样式缺点,css嵌入样式缺点是什么
文章转载：http://scyanting.com/article/dsispje.html