发表于: 2018-12-16 18:20:36
1 788
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
1. 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。
2. 标签选择器:
(1)所有的标签,都可以是选择器。比如ul、li、label、dt、dl、input。
(2)无论这个标签藏的多深,一定能够被选择上。
(3)选择的所有,而不是一个。
3. ID选择器:针对某一个特定的标签来使用,只能使用一次。css中的ID选择器以”#”来定义,id选择器的选择符是“#”。任何的HTML标签都可以有id属性。表示这个标签的名字。这个标签的名字,可以任取,但是:
(1)只能有字母、数字、下划线。
(2)必须以字母开头。
(3)不能和标签同名。比如id不能叫做body、img、a。
4. HTML页面,不能出现相同的id,哪怕他们不是一个类型。
5. 类选择器:规定用圆点 . 来定义,针对你想要的所有标签使用。和id非常相似,任何的标签都可以携带id属性和class属性。class属性的特点:
(1)类选择器可以被多种标签使用。
(2)同一个标签可以使用多个类选择器。用空格隔开。
6. 后代选择器,就是一种平衡:共性、特性的平衡。描述的是祖先结构,当要把某一个部分的所有的什么,进行样式改变,就要想到后代选择器。
7. 静态伪类:只能用于超链接的样式
(1)link超链接点击之前*背诵
(2)visited链接被访问之后*背诵
8. 动态伪类:针对所有标签都适用的样式
(1)hover“悬停”:鼠标放到标签上的时候*背诵
(2)active“激活”:鼠标点击标签,但是不松手时*背诵
(3)focus是某个标签获得焦点时的样式(比如某个输入框获得焦点)
9. 在css中,这四种状态必须按照固定的顺序写:
a:link、a:visited、a:hover、a:active
10. a{ }和a:link{ }的区别
(1)a{ }定义的样式针对所有的超链接(包括锚点)
(2)a:link{ }定义的样式针对所有写了href属性的超链接(不包括锚点)
11. 关于文字样式的属性,都具有继承性。这些属性包括:color、 text-开头的、line-开头的、font-开头的。
12. 关于盒子、定位、布局的属性,都不能继承
13. 选择器排序的优先级为:ID选择器 > 类选择器 > 标签选择器
14. CSS样式表的冲突的总结
(1)对于相同的选择器(比如同样都是类选择器),其样式表排序:行级样式 > 内嵌样式表 > 外部样式表(就近原则)
(2)对于相同类型的样式表(比如同样都是内部样式表),其选择器排序:ID选择器 > 类选择器 > 标签选择器
(3)外部样式表的ID选择器 > 内嵌样式表的标签选择器
l 就近原则。ID选择器优先级最大。
15. !important标记
(1)!important提升的是一个属性,而不是一个选择器
(2)!important无法提升继承的权重,该是0还是0、
(3)!important不影响就近原则
明天计划的事情:(一定要写非常细致的内容)
1.结交任务一往后学习
2.整理整理资料供参考学习使用
遇到的问题:(遇到什么困难,怎么解决的)
1.一头雾水没有突破口
2.对基本知识的不熟
收获:(通过今天的学习,学到了什么知识)
同今天完成的事件
评论