发表于: 2018-12-16 18:20:36

1 789


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

1. 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述共性,无法描述某一个元素的个性

2. 标签选择器:

1)所有的标签,都可以是选择器。比如ullilabeldtdlinput

2)无论这个标签藏的多深,一定能够被选择上。

3)选择的所有,而不是一个。

3. ID选择器:针对某一个特定的标签来使用,只能使用一次。css中的ID选择器以”#”来定义id选择器的选择符是“#”。任何的HTML标签都可以有id属性。表示这个标签的名字。这个标签的名字,可以任取,但是:

1)只能有字母、数字、下划线。

2)必须以字母开头。

3)不能和标签同名。比如id不能叫做bodyimga

4. HTML页面,不能出现相同的id,哪怕他们不是一个类型

5. 类选择器:规定用圆点 . 来定义,针对你想要的所有标签使用。id非常相似,任何的标签都可以携带id属性和class属性。class属性的特点:

1类选择器可以被多种标签使用。

2同一个标签可以使用多个类选择器。用空格隔开。

6. 后代选择器,就是一种平衡:共性、特性的平衡。描述的是祖先结构,当要把某一个部分的所有的什么,进行样式改变,就要想到后代选择器。

7. 静态伪类:只能用于超链接的样式

1link超链接点击之前*背诵

2visited链接被访问之后*背诵

8. 动态伪类:针对所有标签都适用的样式

1hover“悬停”:鼠标放到标签上的时候*背诵

2active“激活”:鼠标点击标签,但是不松手时*背诵

3focus是某个标签获得焦点时的样式(比如某个输入框获得焦点)

9. css中,这四种状态必须按照固定的顺序写:

a:linka:visiteda:hovera:active

10. a{ }a:link{ }的区别

(1)a{ }定义的样式针对所有的超链接(包括锚点)

(2)a:link{ }定义的样式针对所有写了href属性的超链接(不包括锚点)

11. 关于文字样式的属性,都具有继承性。这些属性包括:colortext-开头的、line-开头的、font-开头的。

12. 关于盒子、定位、布局的属性,都不能继承

13. 选择器排序的优先级为:ID选择器 > 类选择器 > 标签选择器

14. CSS样式表的冲突的总结

1对于相同的选择器(比如同样都是类选择器),其样式表排序:行级样式 > 内嵌样式表 > 外部样式表(就近原则)

2对于相同类型的样式表(比如同样都是内部样式表),其选择器排序:ID选择器 > 类选择器 > 标签选择器

3外部样式表的ID选择器 > 内嵌样式表的标签选择器

就近原则。ID选择器优先级最大。

15. !important标记

1!important提升的是一个属性,而不是一个选择器

2!important无法提升继承的权重,该是0还是0

3!important不影响就近原则

 


明天计划的事情:(一定要写非常细致的内容) 

1.结交任务一往后学习

2.整理整理资料供参考学习使用

遇到的问题:(遇到什么困难,怎么解决的)

1.一头雾水没有突破口

2.对基本知识的不熟
收获:(通过今天的学习,学到了什么知识)

同今天完成的事件


返回列表 返回列表
评论

    分享到