CSS加深与JS基础
一、后代选择器
- div span 用空格来连接，代表的意思是找到后代元素
- 注意：后代可以是儿子、儿子的儿子......
二、并集、并列选择器
- div,span,h1,.span,#span2
- 用逗号连接选择器，代表这些元素同时被选中
三、标签指定式、指定标签式
- div.类名
- 注意：标签和类名之间没有空格
四、高级权重对比
- 引入方式对比：
- 外链和内嵌权重相同，先写的会被后写的覆盖；
- 内嵌权重大，如果像覆盖它，就只能给样式中添加！important 来把权重提高。
- 复合选择器权重;
- id > class > 标签
- 综合起来大的权重大，如果权重一样，先写的被后写的覆盖
五、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 这样设置是四个方向
- 如果想单独设置某个方向只需要：bordeer-left(right、top、bottom)
- 注意：边框属性只有实线和虚线是没有兼容性问题的，其它方式的线都会有不同程度兼容问题，如果程序员使用了，一定要报错！
八、css盒子模型的组成
- 宽高+边框+内边距（内容和边框的距离）+外边框（盒子和盒子之间的距离）=盒子模型的组成
九、html5新标签
- header 头部
- nav 导航
- aside 侧导航
- article 文章块
- footer 底部
- 注意：这些 html5 新标签只能使用在手机网站的书写，可以提升搜索引擎对网站的优化，不能在 pc 端网站，因为 IE 低版本不能识别这些新标签
十、PS基础操作
- 图片放大缩小，alt+鼠标滚轮
- 按住空格不放，拖拽鼠标可以改变图片的位置
- 英文状态下按字母 t，再点击想要查看的文字，就可以在菜单栏上看到所有属性（取消选中按 esc 键）
-
点击它可以画选区查看间距，w：宽，h：高度 注意：间距可以有 3 像素的差距
-
选择第一个工具，点击自动选择按钮，再点击图片中的某个区域就可以在右侧的菜单中设置眼睛的开关。
-
注意：要把此处设置为点和像素才可以。
