CSS样式
yue_yue_moon
这个作者很懒,什么都没留下…
展开
-
文字和元素居中
文字和元素居中1.文字居中A.块元素{ height: 50px;line-height: 50px;text-align: center; }或{ height: 500px;background-color: #a0a0a0;width: 500px;display: flex;justify-content: center;align-items: center;}...原创 2018-09-28 20:26:11 · 354 阅读 · 0 评论 -
样式权重简述
css优先级规则1.css选择规则的权值不同时,权值高的优先;2.css选择规则的权值相同时,后定义的规则优先;3. css属性后面加 !important 时,无条件绝对优先;权值等级划分, 一般来说是划分4个等级:第一等级:代表 内联样式,如 style="",权值为 1,0,0,0;第二等级:代表 ID选择器,如 #id="", 权值为 0,1,0,0;第三等级:代表 cals...原创 2019-03-26 19:50:58 · 464 阅读 · 0 评论 -
定位(position)
1、static定位(普通流定位) -------------- 默认定位也称为流式布局2、float定位(浮动定位) 脱离文档流有两个取值:left(左浮动)和right(右浮动)。3、relative定位(相对定位) position:relative;相对本元素的左上角进行定位 不脱离文档流4、absolute定位(绝对定位)如果在祖代元素中没有有relative定位的,就默认相...原创 2019-03-26 20:21:03 · 336 阅读 · 0 评论 -
获取元素标签
获取标签1.id$("#idName")2.类名$(".className")3.标签 html {color:#666;}多个标签同一个样式 h2, p ,div{color:gray;}4.通配符选择器* {color:red;}5.属性选择器<a href="http://baidu.com.cn">百度</a>a[href]{colo...原创 2019-04-08 19:58:51 · 317 阅读 · 0 评论 -
滚动条样式
滚动条样式::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分...原创 2019-08-01 17:37:04 · 251 阅读 · 0 评论