css选择器之符号，css的命名规则_CSS学习

当前位置：网站建设 > 技术支持

css选择器之符号，css的命名规则_CSS学习

资料来源：网络整理时间：2023/3/4 1:35:22 共计：3605 浏览

1、css选择器之符号，css的命名规则？

一、网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率。

所有的命名最好都小写

属性的值一定要用双引号("")括起来，且一定要有值如class="DIVcss",id="divcss"

每个标签都要有开始和结束，且要有正确的层次，排版有规律工整

空元素要有结束的tag或于开始的tag后加上"/"

表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等

<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。

给每一个表格和表单加上一个唯一的、结构标记id

给图片加上alt标签

尽量使用英文命名原则

尽量不缩写，除非一看就明白的单词

二、相对网页外层重要部分CSS样式命名：

外套 wrap ----------------用于最外层

头部 header --------------用于头部

主要内容 main ------------用于主体内容（中部）

左侧 main-left ------------左侧布局

右侧 main-right -----------右侧布局

导航条 nav -----------------网页菜单导航条

内容 content ---------------用于网页中部主体

底部 footer -----------------用于底部

DIV+CSS命名小结：

无论是使用“.”（小写句号）选择符号开头命名，还是使用“#”(井号)选择符号开头命名都无所谓，但我们最好遵循。

主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名，同时考虑命名的CSS选择器在HTML中重复使用调用。

通常我们最常用主要命名有：

wrap（外套、最外层）、header（页眉、头部）、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)

、content (内容区)、footer(页脚、底部)、logo（标志、可以配合h1标签使用）、banner（广告条，一般在顶部）、copyRight（版权）。

2、dwcss里面的项目符号显示不出来？

一般默认情况下那个项目符号是有的。如果是定义了ul{list-style:none;},那个项目符号就没有了，在这种情况下，你可以用list-style-type把那个项目符号显示出来，其中list-style-type的取值可以是下面这些：

disc : 默认值。实心圆

circle : 空心圆

square : 实心方块

decimal : 阿拉伯数字

lower-roman : 小写罗马数字

upper-roman : 大写罗马数字

lower-alpha : 小写英文字母

upper-alpha : 大写英文字母

none : 不使用项目符号

3、css三种选择器的特点？

css选择器的类型分为3类:标记选择器、类别选择器和ID选择器。

（可能名称有不同的说法，但意思都是一样的）标记选择器是利用HTML的标记直接定义标记内容的样式，如：h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器，定义的时候要在名称前加.如：.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW写CSS的时候，高级就是上面说的ID选择器，ID选择器的名字可以任意命名，可以自己定义，可是标签就只能是HTML语言里制定的那些标记，不能自己定义。

4、css层次选择器怎么用？

css层次选择器具体用法如下：

采用后代选择器：从上面可以看出所有的标签都是body的后代,那么我们使用后代选择器,就可以将body的后代(所有标签)改变样式: 后代选择器是用祖先加上空格再加上后代标签类型进行声明的。

以上资料供参考。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：边框border渐变，荣耀20pro边框材质_CSS学习 | ·下一条：css样式的五种选择器，css的四种使用方式_CSS学习