13518219792
css样式的类名或者相关的ID名也是需要一定的规则，这样有利于前台和后台的交互。一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题。
成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站设计、网站建设、秦皇岛网络推广、微信小程序、秦皇岛网络营销、秦皇岛企业策划、秦皇岛品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供秦皇岛建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com
DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。
DIV+CSS达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的，可以更方便搜索引擎的索引。而Table布局会产生很多的垃圾代码，修饰的样式与布局的代码混合，很不利于直观。
对于SEO网站优化来说，内部的优化包括内部结构，内容，排版的优化很关键，我们说SEO主要就是内部优化和外链的发布，DIV+CSS的布局更利于搜索引擎蜘蛛的爬行，更利于网站的结构优化。首先：CSS本身的优势。
将css和js放在外部文件中，页面html中只要放一样代码调用就可以了。减少注释，虽然注释对于程序员来说还是非常有用的，但是对于搜索引擎毫无意义减少表格，特别是嵌套表格。
用字母或者数字。最好不要用汉字 命名规则 要自己写CSS人员的习惯。比如 一个主CSS 名字一般命名为main.css或者 index.css 其他比如 顶部 就是top.css 主要还是看个人的习惯。
默认字体 如果整个网页都要弄成宋体的话就将body定义为宋体即可，即在样式表中加入：body{font-family：宋体}，如果只要一部分为宋体，那将那一部分的层的字体样式定义为宋体就行了。
通过css设置font-family来制定字体集，浏览器可以顺序查找使用你制定的一系列字体，让你的页面看起来还不错。装饰性字体组好只用于标题。然后用css的font-family指定缺省字体。
1、也就是说建议大家在写XHML+CSS时如果是维一的结构定位的就用id，否则就用class吧(这样让出非结构定位的div块的id让程序员自己定义使用)web标准希望大家用严格的习惯来写代码。
2、id： id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。
3、OOCSS主张是通过在基础组件中添加更多的类，从而扩展基础组件的CSS规则，从而使CSS有更好的扩展性。OOCSS的优点：减少CSS代码。具有清洁的HTML标记，有语义的类名，逻辑性强的层次关系。语义标记，有助于SEO。
4、嵌入式：使用HTML的style元素，在文档中定义CSS样式 head style type=text/css h1{color：red} p{color：blue} /style head 内联式 ：每一个HTML元素都包含一个style属性，可以直接定义样式。
5、css样式的三种引用方式：使用link标签载入外部css，使用style标签写入css表达式，最后就是在元素标签中使用style属性定义。
6、类定义 在前面都是要加点 .top{margin-top：20px；} id定义，id定义是样式里做高的，一般不建议用。
1、属性和属性值之间用英文“：“连接。多个“键值对”之间用英文“；”进行区分。可以用段落和表格的对齐的演示。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
2、DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。
3、id： id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。
4、因此所有样式规则的特异性（specificity）都是相同的，也就不存在复杂的优先级问题。这可以简化属性值的层叠规则。
1、通过统一的命名规范定义命名的范围，成为CSS class & id命名空间。布局： 以语义化的单词layout作为命名空间，例如主栏布局命名 layout-main，只改变layout-命名空间后面的命名，layout始终保留。布局的命名空间为layout-xxx。
2、长名称或词组可以使用中横线来为选择器命名。
3、Css的命名规范(BEM，OOCSS)：什么是BEM：BEM的意思就是块（block）、元素（element）、修饰符（modifier），是由Yandex团队提出的一种前端命名方法论。
