CSS简介

CSS简介

1.CSS介绍

　　层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）
或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

2.CSS语法

　　选择器 {属性:属性值;}

3.CSS使用方式

内部样式表	<style type="text/css"> /*css语句*/ </style>
外部样式表	<link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" /> <style type="text/css"> @import url(目标文件的路径及文件名全称); </style> 差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。 差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候明显。 差别3：兼容性的差别：@import是CSS2.1提出的，所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。 差别4：使用dom(document object model文档对象模型 )控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.
内联样式表	<div style="width:500px; height:200px;"></div>

4.CSS不同使用方式的优先级

　　A、内联样式表的优先级别最高
　　B、内部样式表与外部样式表的优先级和书写的顺序有关，后书写的优先级别高。

5.样式表的作用域

　　作用域：内联样式的作用域最小，只能应用于当前元素，其次是内部样式表，能应用于当前HTML文件，最后是外部样式表，能应用于所有链接的HTML文件。

6.CSS选择器

　　什么是选择器?

　　　　帮助我们在css中找到html的元素并且定位到指定元素的身上。

　　三大基础选择器

　　　　id

　　　　class

　　　　html

　　高级选择器

　　　　　　*　　　　　　　　通配符

　　　　　　.d1,.d2{}　　　　　群组选择器

　　　　　　.d1 .d3{}　　　　    后代选择器

　　　　　　.d1>.d2{}　　　　   子元素选择器

 

伪类选择器

　　　　　　　　　　a:link{属性：属性值;}超链接的初始状态;

　　　　　　　　　　a:visited{属性：属性值;}超链接被访问后的状态;
　　　　　　　　　　a:hover{属性：属性值;}鼠标悬停，即鼠标划过超链接时的状态;
　　　　　　　　　　a:active{属性：属性值;}超链接被激活时的状态，即鼠标按下时超链接的状态;
　　　　　　　　　　link--visited--hover--active。

　　选择器权重比较

三大基础选择器	id>class>html
权重比较	id、class、html选择器数量
	是否直接选中目标
	!important

7.CSS基本样式

　　width

　　height

　　background

8.CSS注释

　　/* 注释内容 */

原文链接:https://www.cnblogs.com/wx-1998/p/11448590.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有