当前位置:首页 > Web开发 > 正文

它其实是浏览器渲染页面的一个规则:所有的页面元素

2024-03-31 Web开发

网页设计中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