今天给各位分享css代码规范的知识，其中也会对css代码写在哪里进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
css规范写法
1、一般css两种写法 .class{样式1：样式1； 样式2：样式2； 样式3：样式3； 样式4：样式4；} .class{样式1：样式1； 样式2：样式2； 样式3：样式3； 样式4：样式4；} 另一种是 .class{样式1：样式1；样式2：样式2；样式3：样式3；样式4：样式4；} border、margin、padding这些可以缩写的标签尽量缩写。
2、CSS(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言，之前提到的W3C规范中的“样式”。作用：美化界面。页面布局。基本语法：选择器{ 样式规则 } 样式规则：属性名1：属性值1；属性名2：属性值2；属性名3：属性值3；。。
3、Absolute---CSS中的写法是：position：absolute； 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。
css命名规则
1、长名称或词组可以使用中横线来为选择器命名。
2、对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。
3、DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。
4、css样式的类名或者相关的ID名也是需要一定的规则，这样有利于前台和后台的交互。一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题。
5、比如主导航就是MainNav，如果还有必要在区分就是MainNav_1，MainNav_2等等。也可以使用类型+变量名称的规则来命名，比如写一个红 字体的class，可以.f_red {}(f是font 字体的缩写)。总之原则是：大小写、_、缩写，大大增强代码的可读性。
6、在XHTML中定义ID时都用得上，主要是方便CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。
如何命名CSS文件及样式规范更利于SEO优化
1、(2)、CSS样式命名规范对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。
2、② 统一调整图片位置，规范图片大小。精简代码，提高网页加载速度利用合并多个CSS样式，我们可以简化内容页面代码，减少服务器请求时间，从而提高页面加载速度，对于移动站点与电商SEO，这具有至关重要的作用。
3、Css的引入：Css的引入一般有两种，link和@import，一般建议使用link引入。这样可以避免考虑@import的语法规则和注意事项，避免产生资源文件下载顺序混乱和http请求过多的烦恼。
网页设计css盒子模型代码
：标准W3C盒子模型； 2：IE盒子模型（IE浏览器默认的模型）。在两种不同模型网页里，定义了相同CSS属性的元素显示效果是不一样的，下面就用公式来区分这两种不同的盒子模型。
Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像。为了正确设置元素在所有浏览器中的宽度和高度，你需要知道的盒模型是如何工作的。
标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。
CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 的方式。在HTML文档中，每个元素（element）都有盒子模型，所以说在Web世界里（特别是页面布局），Box Model无处不在。
css代码规范的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css代码写在哪里、css代码规范的信息别忘了在本站进行查找喔。
