一、后代选择器
Div span 用空格来连接,代表的意思是找到后代元素
注意:后代可以是儿子、儿子的儿子。。。。。。
二、并集、并列选择器
Div,span,h1,span1,#span2
用逗号连接选择器,代表这些元素同事被选中
三、标签指定式、指定标签式
div类名
注意:标签和类名之间没有空格
四、高级权重对比
1.引入方式对比:
外链和内嵌权重相同,先写的会被后写的覆盖
行内权重最大,如果想覆盖它,就只能给样式中添加 !important 来把权重提高
2.复合选择器权重
id我们认为是100斤 class类名认为10斤 标签认为1斤
综合起来打的权重就高,如果群众一样,先写的被后写的覆盖
五、css常用属性
font-weight 设置字体粗细的 normal代表不加粗 bold代表加粗
font-style 设置字体倾斜 italic代表倾斜 normal代表不倾斜
text-decoration 设置线 none没有线 underline下划线 overline上划线
line-through 贯穿线(删除线)
word-break:break-all 强制换行
:hover 伪类写法 代表鼠标悬停状态的样式
六、行高属性
一行文字的结束到上一行文字结束的间距:line-height
七、边框属性
Border:1px solid red
粗细 实线 颜色
虚线:dashed 这样设置是四个方向相同;
如果想单独设置某个方向只需要:border-left(right、top、bottom)
注意:边框属性只有实线和虚线是没有兼容性问题的,其他方式的线都会有不同程度的兼容问题,如果程序员使用了,一定要报错!
八、css盒子模型的组成
宽高+边框+内边距(内容和边框的距离 padding)+外边框(盒子和盒子之间的距离 margin)=盒子模型的组成
九、html5新标签
header 头部
nav 导航
aside 侧导航
article 文章块
footer 底部
注意:这些html5新标签只能使用在手机网站的书写中,可以提升搜索引擎对网站的优化,不能用在pc(电脑)端网站,因为ie低版本不识别这些新标签。
十、ps基础操作
1.图片放大缩小 alt+滑轮
2.按住空格不放,拖拽鼠标可以改变图片的位置
3.英文状态下字母t,再点击想要查看的文字,就可以在菜单栏上看到所有属性(取消选中esc键)
4.注意:间距可以有3像素左右的误差