发表于: 2018-07-14 22:02:17
1 730
今天完成的事情:
1.完成任务8大部分;
2.学习巩固CSS优先级
明天计划:
1.完成任务8,9;
2.准备任务10;
3.巩固前面的知识;
遇到的问题:
响应式布局定宽的调整。
收获总结:
1.任务页面2中hover效果的运用
hover整个块,圆和文字同时变色,代码:
2.css优先级
当两个规则都作用到了同一个html元素上时,如果定义的属性有冲突,那么应该先用谁的值的:
不同级别:
1在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式
2作为style属性写在元素内的样式
3id选择器
4类选择器
5标签选择器
6 通配符选择器
7浏览器自定义或继承
总结:!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
同一级别:
同一级别中后写的会覆盖先写的样式
3.段落首行文字缩进方法:
任务中有几段文字需要首行缩进,有以下几种方法:
1.text-indent属性样式:通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。
如果使用html br换行标签,第二个换行开始也不会出现缩进效果。
任务8,9已经做了蛮长时间了,争取明天完成
评论