CSS之选择器命名规则...

最新推荐文章于 2021-12-06 17:53:33 发布
最新推荐文章于 2021-12-06 17:53:33 发布
阅读量1.7k 收藏
点赞数
分类专栏： CSS 文章标签： css html 编程 div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/friendan/article/details/7569915
版权
今天在写CSS控制html时，死活不出效果，郁闷呀,差点就怀疑RP问题了！...

左思右想，想到编程时，变量的定义不都是有规则的吗？而我的div的id名为:

//注意其中有一个点.

div_QZONE.COM


截图如下:


试着改变了下id的名字，呵呵，哥想要的效果出现了...

这么简单的问题，悔不该出现呀！马上翻书查看了下命名规则， 谨记如下:

CSS在自定义类名时，只能够使用：

1.字母    2.数字     3.下划线(_) 4.连接符(-)

类名首字符必须以字母开头，否则无效。

另外，类名是区分大小写的!
friendan
关注
专栏目录
CSS选择器命名及常用命名
小浩
01-21 2699
CSS选择器命名及常用命名 CSS选择器命名及常用命名 规范的命名也是Web标准中的重要一项，标准的命名可以使代码更加易读，而且利于搜索引擎搜索，比如定义了两个div，一个 id 命名为“div1”，另外一个命名为“News”，肯定第二个比较易读，而且搜索引擎抓取率要高，在团队合作中还可以大大提高工作效率。为了达到这种效果我们就要规范化命名（语义化命名）！   说个题外话，规范化命名的代
Css选择器命名规则
云曦沥雨
09-18 1464
在实际项目中，因为参与人员个人习惯不一样，导致写出的CSS选择器命名千奇百怪，对项目维护运营、内部技术沟通均产生了不利影响。 在实际项目中，因为参与人员个人习惯不一样，导致写出的CSS选择器命名千奇百怪，对项目维护运营、内部技术沟通均产生了不利影响。因此在项目实施前，网页重构人员有必要统一CSS选择器命名规则，以期将更多精力放在其他工作上。 1、W3C规范 W3C CSS2.
css选择器命名规则
qq_43437571的博客
07-08 1591
在实际项目中，因为参与人员个人习惯不一样，导致写出的CSS选择器命名千奇百怪，对项目维护运营、内部技术沟通均产生了不利影响。因此在项目实施前，网页重构人员有必要统一CSS选择器命名规则，以期将更多精力放在其他工作上。 1、W3C规范W3C CSS2.1的 4.1.3 节中提到：标识符（包括选择器中的元素名，类和ID）只能包含字符[a- zA-Z0-9]和ISO 10646字符编码U+00A1及以上，再加连字号（-）和下划线（_）；它们不能以 数字，或一个连字号后跟数字为开头。它们还可以包含转义字符加任何I
div+css命名规则.docx
09-26
CSS（层叠样式表）通过选择器（如类名和ID名）来定位和美化HTML元素。良好的命名规则对于代码的可读性、可维护性和SEO（搜索引擎优化）至关重要。以下是一些常见的`Div+CSS`命名规则： 1. **Class的命名**： - `...
CSS 选择器命名规范化
09-25
在CSS世界中，选择器命名规范化是提升代码可读性和团队协作效率的关键。如同其他编程语言的命名约定，CSS也有三种主要的命名方法：骆驼命名法、帕斯卡命名法和匈牙利命名法。 **骆驼命名法**，又称驼峰命名法，其...
CSS样式命名以及兼容性.pdf
10-04
本篇文档主要探讨了CSS样式的命名规则和兼容性问题，这对于确保网页的可读性、可维护性和跨浏览器一致性至关重要。 首先，文档提到了一些常用的CSS类名命名约定，这些约定有助于提高代码的可读性和团队间的协作效率...
Web前端开发命名规则.docx
07-11
在Web前端开发中，命名规则是至关重要的，它关乎到代码的可读性、可维护性和团队协作效率。以下是对给定文件中提到的一些关键知识点的详细解释： 1. **HTML元素命名**： - `type`属性：用于定义HTML元素的类型，如...
CSS培训教程共14页.pdf.zip
最新发布
10-29
1. **CSS基础**：首先，教程会介绍CSS的基本语法，包括选择器（如元素选择器、类选择器、ID选择器）、属性和值。理解这些基本元素是构建任何CSS规则的基础。 2. **盒模型**：CSS的盒模型是理解元素尺寸和布局的关键...
关于团队合作的css命名规范
05-29 694
常用的css命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：m
CSS类选择器的命名规范
hannah2233的博客
06-01 543
童鞋在寒假及开学后做页面的过程中，慢慢滴发现html和css学习中存在的大大的问题，来回搜索会很麻烦，真的很浪费时间，反正暂时哩，自我感觉基础很不扎实，那好，重头来学（当然是要快快递，嘻嘻嘻）。 如果把学习看过框架的构建，搜索补充看作添砖加瓦。那还是钢筋水泥的搭建 如下部分的命名规范（随后会将html和css一起发出的，欢迎各位小伙伴们一起学习呀！纯手敲下来的呀！）： 导航栏 主导航： mainnav 子导航: subnav 顶导航：topnav 边导航：sidebar 左导航： leftsidebar.
CSS选择器的命名规范
a237428367的专栏
09-09 686
规范的命名也是Web标准中的重要一项，标准的命名可以更好的看懂代码，我想大家应该都有这种经历，某日翻出自己过去写的代码居然看不懂了，呵呵，为了避免这种情况我们就要规范化命名，再说了，现在一个项目不是一个人就可以完成的，是需要大家互相合作的，如果没有规范化命名，别人就无法看懂你的代
css 选择器命名规范
朝阳39的博客
12-06 600
左边是选择器首字符，右边是选择器后面的字符 首字符支持的字符类型是a～z、A～Z、下划线（_）以及非ASCII字符（中文、全角字符等） 后面的字符支持的字符类型是a～z、A～Z、0～9、下划线（_）、短横线（-）以及非ASCII字符 可以直接以短横线开头，如果是一根短横线（-），那么短橫线后面必须有其他字符、字母或下划线或者其他编码字符；如果是连续两根短横线（–），则它的后面不跟任何字符也是合法的。 .-- { color: red; } /* 有效 */ .-a-b- { color: re.
CSS选择器命名规则
EmotionComputer
12-22 3523
在实际项目中，因为参与人员个人习惯不一样，导致写出的CSS选择器命名千奇百怪，对项目维护运营、内部技术沟通均产生了不利影响。因此在项目实施前，网页重构人员有必要统一CSS选择器命名规则，以期将更多精力放在其他工作上。 一. 选择器命名规则 1.1 字符采用 实际项目中，建议只采用字符[a-zA-Z0-9]，再加连字号（-）和下划线（_）。避免使用中文。 1.2 慎用数字 以字母开头，避免纯数字...
第三章 CSS 选择器的命名
唐僧的专栏
05-13 1417
CSS 选择器 是否 区分大小写 CSS 选择器有 那些区分大小写 那些不区分大小写 还有 那些可以设置为不区分； 要搞清楚这个问题， 还要从 HTML 说起： 在HTML 中： 标签 和 属性 是不区分大小写的， 而属性值是区分 大小写的， 于是 对应的： 在CSS 中 标签选择器不区分大小写 属性选择器中的属性也不区分大小写， 而类选择器 和ID 选择器 本质上是 属性值 需要区分大小写 不要使用 ID 选择器： 没有 任何理由 推荐在实际项目中使用 ID 选择器...
21、CSS页面美化
ANDY___Q的博客
09-29 240
css概述：Cascading style sheet层叠样式表 表现HTML或Xhtml文件样式的计算机语言 包括对字体、颜色、边距、高度、宽度、背景图片、网页、定位等设定 基本语法： 选择器｛声明1;声明2;...｝ 例： h1｛font-size:12px; color:#f00; ｝ 属性：赋值 CSS最后一条声明后的；可写可不写，规范写 CSS引入样式，三种 行內样式： 使用style属性引入css样式 例：1、<h1 style="属性color：（赋值）red；"&gt
html,css中：规范命名css选择器
qq_51813155的博客
11-08 222
规范命名css选择器规范命名1.为什么要规范css选择器命名？2.css选择器命名 1.为什么要规范css选择器命名？ 由上到下，如果不规范css选择器命名，就会混乱，而且写代码速度慢很的。写代码时，心理：想清楚它应该命名什么，另一个又应该命名什么 2.css选择器命名 wrapper 页面外围控制整体布局宽度 #container或#content 容器,用于最外层 layout 布局 head, header
CSS选择器命名规范与浏览器兼容性问题
"这篇文章主要探讨了CSS选择器的命名规则，包括W3C CSS2.1标准中的规定以及不同浏览器对这些规则的实现差异。它强调了命名规范的重要性，因为不正确的命名可能导致样式在不同浏览器间表现不一致。" 在CSS中，选择器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

friendan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值