css行内样式的弊端,css 行内样式

css行间样式,内部样式,外部样式的区别和优势各是什么?

外部样式表: 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样式表。link 标签在（文档的）头部：head link rel="stylesheet" type="text/css" href="mystyle.css" / /head浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。

内部样式表: 当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 style 标签在文档头部定义内部样式表，就像这样:head style type="text/css" hr {color: sienna;} p {margin-left: 20px;} 

内联样式: 由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。要使用内联样式，你需要在相关的标签内使用样式（style）属性。

相关问答

Q1: 在写HTML+css样式时，应该尽量避免使用内联样式吗？是的话为什么？

css应尽量避免内联样式，js也同理。

对开发者来说，样式与html分离，有助于后期更改一个新的样式（也可以说新的主题，很多ui框架都是直接切换主题的）

对浏览器来说，样式文件由于是单独文件，可以在本地建立一个缓存，有利于加快访问网页。

对服务器来说，如果样式文件浏览器减少加载，那么服务器就可以减少下载流量，可以节约服务器带宽。

虽然这些东西，对于一个用户来说是微不足道的，但是当数量级达到一定程度，一个字节的流量都是十分重要的

Q2: CSS内联样式有些无效是受什么影响

有两种可能

第一个、添加了行内样式，如果标签内添加了行内样式的css内联或外联样式中的对应属性无效；

第二个、优先级即权重导致，内联样式id选择器类选择器元素选择器

举例：

#box p span em{xxx}  100+1+1+1

#box .txt em{xxxxx}  100+10+1

div id="box"

    p class="txt"

        em文字/em

    /p

/div

上面两个在具有相同样式的情况下只显示第二个里面的，第一个里面的相同样式无效

Q3: css和html样式的优点和缺点

HTML优点和缺点

优点：1.简单易学2.结构与缺陷浏览器也能读得懂

缺点：1.杂乱的结构，可读性低2.只能对文本进行排版，而且HTML样式使用标准文本标识，不能创建一些特殊效果

CSS优点和缺点

优点：1，CSS对于设计者来说是一种简单、灵活、易学的工具，能使任何浏览器都听从指令，知道该如何显示元素及其内容

2，个样式表可以用于多个页面，甚至整个站点，因此具有更好的易用性和扩展性

3，使用CSS样式表定义整个站点，可以大大简化网站建设，减少设计者的工作量

缺点：1.浏览器支持的不一致性 2.CSS没有父层选择器3.不能明确地指定继承性4.垂直控制的局限 5.显示的缺乏6.缺乏正交性

Q4: html中将css样式放到行间有什么坏处？会不会降低性能？

行间样式，p style="color:red;"adfdfa/p，如果是改一个两个P标签还算好，复制一下，如果是几十个P标签呢，要换颜色，那得复制几十次，这代码是不是就多了起来了，性能肯定会有所下降吧，并且复制这么多次也是很麻烦的不是吗？

Q5: 在aspx中，可以使用哪几种css方法，优劣有哪些，急急急！！！！！

css无所谓方法不方法的，只是调取方式不一样而已，

分别是

外部样式：将网页链接到外部样式表。

内页样式：在网页上创建嵌入的样式表。

行内样式：应用内嵌样式到各个网页元素。

通常都是采用外部样式，也就是把css样式写在样式表里，然后调取样式表获取样式，这几个方法不分优劣，采用外部样式主要是为了精简页面代码量

内页样式与外部样式差不多，相当于把样式表写在页面上了，这个方法容易增加页面代码量

而行内样式通常不推荐，一般作用主要是用于优先样式，这个样式是优先调取的，比如一个页面同时都用了3种方法，都设置了同一种css属性的不同值，那么行内样式是优先调取的，页面以这个样式为准