三种CSS样式的引用方式

CSS样式

3种引用样式的好处及区别：

外部引入样式

　　　　优点：代码易于管理和维护，一个CSS能控制多个页面。提高加载速度。

　　　　缺点：当外部CSS过多时会造成服务器的请求压力。

头部引入样式：

. 优点：加载速度最快，并且不会造成服务器的压力。

　　缺点：不利于维护和改版、代码量大显得乱。

行内样式：

. 优点：优先级最高。

　　缺点：代码乱、不利于改版和维护、影响开发成本

优先级：

选取一个或多个标签进行操作

常用的选择器有三种：标签名选择器、类名选择器、ID名选择器。（在起名的时候要尽量起和内容有关的英文；）

标签名选择器：控制某一种标签的样式；

类名选择器：控制一个或多个标签的样式；

ID选择器：控制一个确定的标签的样式；（用于在JS中加载行为的时候使用的）

优先级：ID>类名class>标签名

转载于:https://www.cnblogs.com/792155879a/p/5723314.html

三种CSS样式的引用方式相关推荐

CSS样式的引用方式
想只用CSS修饰网页,就需要在HTML文档中引入CSS.CSS提供了4种引用方式,分别是行内式.内嵌式.外链式和导入式.. 1.行内式: 行内式也被称为内联式,可以通过style属性设置标签的样式.行 ...
三种css样式表及其优先级
1.行内样式 body内: <p style="text-indent: 2em;color: red"> 我是行内样式 </p> 2.内部样式表 body ...
HTML三种引入样式的方式
HTML三种引入样式的方式 1.外部样式:是通过link元素引入 <link rel="stylesheet" type="text/css" href= ...
css代码价格,CSS三种价格表样式-CSS应用实例
CSS三种价格表样式-CSS应用实例搞代码-CSS三种价格表样式-CSS应用实例(gaodaima.com) * { box-sizing: border-box; } .columns { flo ...
设置图片元素上下垂直居中的7种css样式_赵一鸣博客
设置图片元素上下垂直居中的7种css样式阅读(9548) @2018-07-15 14:13:34 图片.文字左右居中很简单,只需要以下代码: 1 text-align:center; 文字上下居中 ...
LESS vs SASS？选择哪种CSS样式编程语言?
你可能已经被关于应该用Sass还是用LESS的争论折磨死了.在这篇文章中,我会解释为什么你应该使用Sass.如果你感兴趣,我会介绍如何开始使用Sass以及在预处理时会遇到的一些问题. 在我的长篇大论之 ...
css 背景效果_css透明度怎么设置？三种css图片透明度的设置方法
css透明度的设置在网页的设计中是经常需要用到的,有时为了设计出的网页更加的美观,会对图片进行透明化处理,这样网页上面的内容就不会看不见,有的网页因为图片作为背景,也会更加美观,那么,css中的透明度 ...
android系统密码设置功能,手机锁屏密码怎么设置三种安卓手机锁屏方式推荐
手机中有很多应用都是与金钱挂钩,特别是微信与支付宝等等既涉及到隐私又与财产关联,这是后手机的安全就尤为重要的,而手机的锁屏密码就是一道最基本的防护措施,那么手机锁屏密码怎么设置?来看看小编推荐的三种安 ...
Extjs中三种不同的数据提交方式
Extjs中三种不同的数据提交方式 Extjs的三种提交方式: 表单Ajax提交,普通提交,单独Ajax提交: 1.表单ajax提交(默认提交方式) 提交函数:当按下表单中的提交按钮时执行下面的btn ...

三种CSS样式的引用方式

三种CSS样式的引用方式相关推荐

最新文章

热门文章