扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
外部样式表: 当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样式表。link 标签在(文档的)头部:head link rel="stylesheet" type="text/css" href="mystyle.css" / /head浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。
成都创新互联成都网站建设按需设计,是成都网站营销推广公司,为自拌料搅拌车提供网站建设服务,有成熟的网站定制合作流程,提供网站定制设计服务:原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站推广热线:028-86922220
内部样式表: 当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 style 标签在文档头部定义内部样式表,就像这样:head style type="text/css" hr {color: sienna;} p {margin-left: 20px;}
内联样式: 由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。要使用内联样式,你需要在相关的标签内使用样式(style)属性。
css应尽量避免内联样式,js也同理。
对开发者来说,样式与html分离,有助于后期更改一个新的样式(也可以说新的主题,很多ui框架都是直接切换主题的)
对浏览器来说,样式文件由于是单独文件,可以在本地建立一个缓存,有利于加快访问网页。
对服务器来说,如果样式文件浏览器减少加载,那么服务器就可以减少下载流量,可以节约服务器带宽。
虽然这些东西,对于一个用户来说是微不足道的,但是当数量级达到一定程度,一个字节的流量都是十分重要的
有两种可能
第一个、添加了行内样式,如果标签内添加了行内样式的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
上面两个在具有相同样式的情况下只显示第二个里面的,第一个里面的相同样式无效
HTML优点和缺点
优点:1.简单易学2.结构与缺陷浏览器也能读得懂
缺点:1.杂乱的结构,可读性低2.只能对文本进行排版,而且HTML样式使用标准文本标识,不能创建一些特殊效果
CSS优点和缺点
优点:1,CSS对于设计者来说是一种简单、灵活、易学的工具,能使任何浏览器都听从指令,知道该如何显示元素及其内容
2,个样式表可以用于多个页面,甚至整个站点,因此具有更好的易用性和扩展性
3,使用CSS样式表定义整个站点,可以大大简化网站建设,减少设计者的工作量
缺点:1.浏览器支持的不一致性 2.CSS没有父层选择器3.不能明确地指定继承性4.垂直控制的局限 5.显示的缺乏6.缺乏正交性
行间样式,p style="color:red;"adfdfa/p,如果是改一个两个P标签还算好,复制一下,如果是几十个P标签呢,要换颜色,那得复制几十次,这代码是不是就多了起来了,性能肯定会有所下降吧,并且复制这么多次也是很麻烦的不是吗?
css无所谓方法不方法的,只是调取方式不一样而已,
分别是
外部样式:将网页链接到外部样式表。
内页样式:在网页上创建嵌入的样式表。
行内样式:应用内嵌样式到各个网页元素。
通常都是采用外部样式,也就是把css样式写在样式表里,然后调取样式表获取样式,这几个方法不分优劣,采用外部样式主要是为了精简页面代码量
内页样式与外部样式差不多,相当于把样式表写在页面上了,这个方法容易增加页面代码量
而行内样式通常不推荐,一般作用主要是用于优先样式,这个样式是优先调取的,比如一个页面同时都用了3种方法,都设置了同一种css属性的不同值,那么行内样式是优先调取的,页面以这个样式为准
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流