CSS相关

四种引入方式:
1.内联样式表:在标签的内部用style属性引入
2.内部样式表:在头部标签中添加style标签引入相应元素进行渲染
3.外部样式表:将要引入的样式放在第三方文件中,然后在头部标签中用标签引入
4输入样式表,在引入的外部样式表文件的第一行有效代码用import引入其他的样式表
四种引入方式的优先级:
内联样式表优先级最高,外部样式表和输入样式表冲突时优先使用外部样式表,其他情况下,哪种样式表离被渲染的元素近,优先级就越高。

CSS选择器:
1.元素选择器:对html的标签进行匹配,其虽然能够对标签对应所有的元素进行渲染,但不能进行个性化的选择和渲染(使用方式div{}或table{})
2.id选择器:根据元素的ID对元素进行渲染,一般要求不同元素的ID不同(使用方式#id名{})
3.类选择器:根据类名对元素进行渲染(使用方式.类名{})
4.属性选择器:通过元素的通用或唯一属性进行渲染(使用方式[属性名]{},其中属性名还能赋值,但一般省略了)
这四种选择器的优先级ID选择器最高,元素选择器最低,其他情况按照哪种选择方式离元素近哪个优先级高的情况来判断。
5.组合选择器,对多种元素进行渲染,语法是用分号将每个进行分隔。语法:div,span,li,th{}。
6.后代选择器,对其下属的所有后代元素进行渲染
语法:div span li{}
7.子元素选择器:对直系子元素进行渲染。语法:div>span{};
8.相邻兄弟选择器div+span{};
9.伪类选择器:如:link向未被访问的链接添加样式
:hover鼠标悬浮时添加样式
:active向被激活元素添加样式
:before向元素前添加内容
:bth-child(n)选择属于父元素的第偶数个子元素的每个tr元素(主要用于表格的奇偶数行的渲染颜色不同,首行不渲染可以通过thead和tbody实现)

文本、背景相关CSS:
文本:text:颜色,背景图,定位,是否随屏幕滚动
背景:background:颜色,行高,对齐元素,文本位置

CSS定位相关:
1.普通定位:元素位置由HTML中的位置决定
2.相对定位:让元素相对于起点移动(relative)
3.绝对定位:相对于最近的祖先元素定位,若无则相对于包含元素定位(absolute)
4.浮动:使元素可以左右移动,直到碰到包含框或另一浮动框,而不是普通的定位那样直接换行进行下一个元素的渲染。
定位可以由X,Y,Z三个坐标系进行定位。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值