首页 > 其他 > 详细

样式表,后代选择器,权重,盒子模型,三角形写法

时间:2020-08-15 13:27:34      阅读:74      评论:0      收藏:0      [点我收藏+]

样式表:

1.行内样式表
2内部样式表
3
外部样式表引入 link 可以被JS控制 与页面同时加载

外部样式表映入 import 不能被JS加载 页面加载完成之后加载 有兼容问题。

 


4.权重的问题

地位问题,可以相互叠加1+100>100
行内标签权重最高,无法在style里实现

id 100
class 10
标签 1
* 0
后代选择器 求和

行内样式权重最高
内部样式与外部样式权重依据加载顺序,后面的权重更高
群组选择器 .a,.b,.c,{
伪类选择器

 

尽量不要在DIV上面写,有的电脑兼容会有问题

伪类选择器权重为10
网页检查里面hov,hover

!important权重最高 强制提升优先级 不能常用 !!!!!!!!!!

5.内边距
padding-left会把盒子撑开,没有背景颜色的话可以使用
和margin是一样的用法

6.边框
solid实线
dashed虚线
dotted点线

border:1px边框 do%tted虚线 red颜色

border-left:1px边框 dotted虚线 red颜色(左边框)

三角形的写法宽高为零:

.b{
width:0;
height:0;
border:100px solid;
border-color:red blue yellow pink;}

实现transparent透明色和白色不一样:

布局属性盒子模型
margin
border
pandding
float
width*height

样式表,后代选择器,权重,盒子模型,三角形写法

原文:https://www.cnblogs.com/liwei1234/p/13507855.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!