发表于: 2019-03-17 21:59:01

1 741


今天完成的事情:

了解了css选择器:

 通配符选择器用”*”号表示,他是所有选择器中作用范围最广的,能匹配页面中的所有的元素。其基本语法格式如下:

                    *{属性1:属性值1;属性2:属性值2;属性3:属性值3}

                     例如下面的代码,使用通配符选择器定义CSS样式,清楚所有HTML标记的默认边距。

                    *{margin:0;/*定义外边距*/Padding:0;/*定义内边距*/}

                     通配符的穿透力很强,优先级高于继承的样式,会覆盖继承的样式。一般不用。

ID选择器命名规范                     a、只允许出现字母(大小写均可,严格区分),下划线,数字,也就是说,id=”laoHe”和id=”laohe”不冲突

                     b、只允许以字母开头

                     c、命名没有长度限制,可以是1个字母,也可以是很多个。不过不建议太长。

                     d、不允许出现标签名(不是硬性规定,是有工作经验的表现)

                     注意:Id选择器的优先级非常高,所以确定在整个页面唯一出现时,才可以使用id选择器,不然因为优先级问题在后续维护中不能很好进行修改更新。

类选择器                     a、什么是类?

                          物以类聚,人以群分。比如:我们都是牛人,黄种人,白种人,欧洲人,亚洲人

                          所有的鸭子,所有的猫

                          所有的按钮,所有的图片,所有的侧边栏,所有的banner

                     b、类选择器,是对HTML标签中的class属性进行选择。CSS类选择器的选择符是”.”

                          例如:.demo{color:red:}

                     c、标签可以包含多个类选择器,在class标签中用空格隔开。

                          例如:

                          Html:<p class=”demo c2”>类标签选择器,修真学院</p>

                          Css:.demo{color:red;}

ID选择器和class选择器的区别                      a、相同的class属性值,可以在HTML中出现多次,ID属性值在页面中只能出现一次。

                      b、一个class的属性可以有多个值,也就是说一个标签可以有多个类。

                      建议大家尽量使用类选择器。使用ID时候情况:当确实能唯一确定当前页面中标签只会出现一次,这时候可以使用ID选择器。如果不能保证相同的作用的标签在页面中只出现一次,那么这时候就用类选择器。


明天计划的事情:运用布局知识进行更复杂的布局;让布局更好地适应移动端;合理使用rem作长度单位;使用photoshop切图。


遇到的问题:暂无。


收获:学会了选择器的使用。


返回列表 返回列表
评论

    分享到