码迷,mamicode.com
首页 > Web开发 > 详细

css 之网页编辑

时间:2019-01-17 21:15:27      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:删除   有关   div   col   sts   方式   水平   one   开发   

内容概括

1.字体 | 文本相关属性样式
2.系统默认样式的清除操作(rest操作),(body | ul |p| a| hn 等
3.高级选择器
4.伪类选择器,a 的四大伪类
5.背景样式

 

一 · 字体设置

#text-align:center # 水平居中方式
#color :red ;#字体颜色
#font:900 30px/120px "stsong";#字重 大小/行高 字族
#了解
# em (自身 -> 父级 -> html)| rem (html)
#text-indent:2em
#字划线
#underline | line—through | overline
 
#text-decoration:underline 下划线样式
 
#text-decoration:line-through 删除线样式-贯穿线样式
 
#text-decoration:overline 上划线样式
 
****#text-decoration:none 无装饰,通常对html下划线标签去掉下划线样式
 

二.reset 操作

# what | why:
#大多数系统预定义标签,有默认样式,不满足实际开发需求,反倒影响布局,通常在开发之前,将需要用到的预定义标签的默认样式清除,该操作就称之为 rest 操作
‘‘‘
body, h1, h6, p {
 margin: 0;
}
ul {
    margin: 0px;
    padding: 0;
    list-style: none;
}
a {
    text-decoration: none;
    color: black;
}
‘‘‘

三.高级选择器

‘‘‘
1.群组
div, p, a {}
2.后代
body div {}
3.兄弟
.div1 ~.div2 {}
5.多类 {}
 
‘‘‘
 

四.高级选器优先级

‘‘‘
优先级和个数(权重)相关
基础选择器优先级占主导:id 无限大于 class 无限大于标签
选择器优先级相同时,和顺序有关
高级选择器类型不会影响优先级
伪类选择器相当于 class
‘‘‘

五.a 的四大伪类

‘‘‘
:link 链接初始状态
:hover 鼠标悬乎状态 ******
:visited 链接访问后的状态
:active 鼠标按下时的状态
‘‘‘

 
 
 
 
 

css 之网页编辑

标签:删除   有关   div   col   sts   方式   水平   one   开发   

原文地址:https://www.cnblogs.com/soulmateYANGYANG1225/p/10284360.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!