前端之CSS创建的样式
2019-05-13 07:12:26来源:博客园 阅读 ()
CSS即层叠样式表,在创建时有以下几种样式:
1.内联样式(行内样式、行间样式):
<标记 style=“属性:属性值;”></标记>
2.内部样式(嵌入式样式):
<style type="text/css"> <-------一般放置在head部分
选择器{
属性:属性值;
属性:属性值;
}
</style>
3.外部样式:
①、使用link标签引入:
<link rel="stylesheet" type="text/css" href="css文件路径"/>
注: rel代表引入文件和本文件之间的关系
link标签一般也放在head部分
在使用link标签之前首先要创建一个css文件,文件以英文命名
②、使用@import 引入css文件
@import "css文件路径";
注:@import方式属于css范畴,必须放在css文件中或内部样式中
link和@import的区别:
I.link属于html标签,除了可以引入css文件以外,还可以引入其他文件;@import属于css范畴,只能引入css文件
II.link引入的css文件和html同时加载;而@import引入的css文件要在页面加载完成后才进行加载
III.link标签所有浏览器都支持;@import在IE5及以下版本浏览器不支持
IV. link标签支持js操作DOM;@import不支持
4.样式表的优先级(三种样式表的区别):
采取就近原则(离被设置样式的元素越近,优先级越高)
内联样式>内部样式>外部样式
如果css属性值中出现!important关键字时,他的优先级最高!
原文链接:https://www.cnblogs.com/21-forever/p/10846311.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:前端之CSS列表及背景类属性
下一篇:前端之Html元素的分类
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-14
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-13
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-02
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash