发表于: 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换行标签,第二个换行开始也不会出现缩进效果。

2.html空格字符 ”实现空格字符占位缩进



任务8,9已经做了蛮长时间了,争取明天完成



返回列表 返回列表
评论

    分享到