它其实是浏览器渲染页面的一个规则:所有的页面元素
网页设计中HTML, CSS,Javascript职位地方
HTML:内容 ? css:泛起(样式) ? JS:交互 ? 实现:内容与样式与交互的疏散
CSS的根基语法选择器{ ? key:value; ? k:v; ? k:v; } ? 学法:多不雅察看,多做。 ? 必需记住这些样式表的属性和它对应的值
CSS代码能写在3个处所,或者说3种用法(1)行内样式:坚决杜绝 ? (2) 内联样式:学习阶段使用 ? (3)外链样式:把样式表代码移出到一个单独.css文件中。 内容与泛起的物理疏散
选择器 (1)标签名做选择器只写标签名就行了,不要加"<>" ? 标签名做选择器会把当前页面上的所有这个类型的标签都选中。
(2)id做选择器每一个页面标签都可以添加id属性 ? 标签的id值必需遵循以下的规范: 1.只能由字母、下划线、数字构成 ? 2.必需是字母开头 ? 3.不能与标签名同名。 ? 4.尽量使用有意义的单词缩写。好比: nav ? 注意: 1. 任何一个页面上不能呈现同名的id。 ? 如果呈现同名的id,浏览器会把同名id的元素都使用不异的样式修饰。但是并不代 ? 表你可以这么做。id是暗示独一性的: getElementById() ? 2.页面上任何一个元素,都可以同时被多个选择器同时选中,并且这多个选择器能 同时感化于这个标签。也就是多个选择器选中同一个标签,他们的样式能叠加下来。这是 CSS为啥叫“层叠”的一个原因 ? 3.如果多个选择器选中同一个元素后,他们之间的样式有斗嘴,那么这时候就存在 一个选择器优先级的问题
(3)类名做选择器1.用类名做选择器,必需在类名前打. ? 2.所有的标签都可以有class属性
3.class属性的名字与id定名规范一样 ? 4.一个标签的id名和class名甚至可以不异。但是千万不要这么做。 ? 5.差别类型的标签可以隶属于同一个class。 ? 6.一个标签可以隶属于多个差此外class ? (1)差此外类名之间必需用“空格”离隔class=“yi er san” 三个类名 ? (2)不允许在标签里呈现2个class属性。任何1个htm1标签内部都不能呈现不异名字的属 性
7.尽量使用原子化的类,少使用大而全的类
8.样式表中倾向使用class,尽量不用id做选择器:class上样式,id上行为
class为样式表筹备,id是为JS筹备的
class暗示同一类元素,但是样式表中即使一类中只有一个标签,也用class,而不用id
(4)儿女选择器注意:儿女选择器不是儿子选择器。 ? 儿女选择器的意图是:表达出:把在页面上的某一部分(区域)之 内的所有什么什么元素,样式 设置为。
(5)交集选择器语法:符号名.类名.类名
(6)并集选择器(组选择器)语法:多个选择器之间用逗号离隔,暗示当选中的这些元素,给与不异的样式
(7 )通配符**暗示选中页面上的所有元素。这么做欠好,效率太低。
担任性温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30698.html