css样式规则大全？css样式大全(整理版)
大家好，关于css样式规则大全很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于css样式大全(整理版)的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！
css样式表名字有什么规则
常用的CSS命名规则:
头：header内容：content/container尾：footer导航：nav侧栏：sidebar
栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center
登录条：loginbar标志：logo广告：banner页面主体：main热点：hot
新闻：news下载：download子导航：subnav菜单：menu
子菜单：submenu搜索：search友情链接：friendlink页脚：footer
版权：copyright滚动：scroll内容：content标签页：tab
文章列表：list提示信息：msg小技巧：tips栏目title
加入：joinus指南：guild服务：service注册：regsiter
状态：status投票：vote合作伙伴：partner
(二)注释的写法:
/* Footer*/
内容区
/* End Footer*/
(三)id的命名:
(1)页面结构
容器: container页头：header内容：content/container
页面主体：main页尾：footer导航：nav
侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper
左右中：left right center
(2)导航
导航：nav主导航：mainbav子导航：subnav
顶导航：topnav边导航：sidebar左导航：leftsidebar
右导航：rightsidebar菜单：menu子菜单：submenu
标题: title摘要: summary
(3)功能
标志：logo广告：banner登陆：login登录条：loginbar
注册：regsiter搜索：search功能区：shop
title加入：joinus状态：status按钮：btn
滚动：scroll标签页：tab文章列表：list提示信息：msg
当前的: current小技巧：tips图标: icon注释：note
指南：guild服务：service热点：hot新闻：news
下载：download投票：vote合作伙伴：partner
友情链接：link版权：copyright
(四)class的命名:
(1)颜色:使用颜色的名称或者16进制代码,如
.red{ color: red;}
.f60{ color:#f60;}
.ff8600{ color:#ff8600;}
(2)字体大小,直接使用’font+字体大小’作为名称,如
.font12px{ font-size: 12px;}
.font9pt{font-size: 9pt;}
(3)对齐样式,使用对齐目标的英文名称,如
.left{ float:left;}
.bottom{ float:bottom;}
(4)标题栏样式,使用’类别+功能’的方式命名,如
.barnews{}
.barproduct{}
CSS样式规则由什么组成
CSS
层叠样式表简写为CSS，是英语Cascading Style Sheets的缩写。它是W3C定义和维护的标准，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言。
概述
一个网页的读者和作者都可以使用CSS来决定文件的颜色、字体、排版等显示特性。CSS最主要的目的是将文件的结构（用HTML或其它相关的语言写的）与文件的显示（CSS）分隔开来。这个分隔有许多好处：
文件的可读性被加强
文件的结构更加灵活
作者和读者可以自己决定文件的显示
文件的结构简化了。
CSS还可以使用其它的显示方式，比如声音（假如浏览器有阅读功能的话）或给盲人用的感受装置。此外CSS还可以与XHTML、XML或其它结构文件一起使用，唯一条件是显示这种文件的浏览器装备了接受CSS的功能。
HTML文件中的每一个class或id都可以有自己的显示特征，而且每一个没有id特性的HTML结构也可以有自己的显示特征。这些结构有的是HTML自己需要的，有的是专门为CSS设置的。
CSS信息可以来自：
作者样式
作者可以在他的HTML文件中确定一个外来的、独立的CSS文件
作者可以将CSS信息包含在HTML文件内
作者可以在一个HTML指令内结合CSS指令，这样做一般是为了在一个特殊情况下将总体的CSS指令抵消掉
读者样式
读者可以在他的浏览器内设立一个地区性的CSS文件。这个CSS文件可以用在所有的HTML文件上。假如作者的CSS文件与读者的相冲突，那么读者可以确定他想使用哪个
浏览器的样式
假如外部没有特别指定一个样式的话，一般浏览器自己有一个内在的样式
使用CSS的优点有：
一个整个网站或其中一部分网页的显示信息被集中在一个地方，要改变它们很方便
不同的读者可以有不同的样式，比如有的读者需要字体比较大
HTML文件本身的范围变小了，它的结构简单了，它不需要包含显示的信息
样式规则
CSS的语法很简单，它使用一组英语词来表示不同的样式和特征。
一个式样表由一组规则组成。每个规则由一个“选择器”（selector）和一个定义部分组成。每个定义部分包含一组由半角分号（;）分离的定义。这组定义放在一对大括号（{}）之间。每个定义由一个特性，一个半角冒号（:）和一个值组成。
选择器（Selector）
通常为文件中的元素（element），如html中的<body>，<p>，<strong>等标签，多个选择器可以半角逗号（,）隔开。
属性（property）
CSS1、CSS2、CSS3规定了许多的属性，目的在控制选择器的样式。
值（value）
指属性接受的设定值，可由各种关键字（keyword）组成，多个关键字时大都以空格隔开。
要针对没有标签定义范围进行样式设定时，可利用<div>与<span>标签
怎么给div+css样式表命名的规则
要是就几行或几十行代码吧！就根据英文单词就行了。可是要是多了那就不好写了，有时候就直接用汉语拼音或拼音的首字母代替。可是多了吧，自己写的都看不出是什么意思，别说再让程序员调用这些样式了。div+css样式表的id和class的区别:就一句来概括, class可以定义多个值并且可以应用到多个标签上，但id只能是一个。所以就开始查一些相关的div+css样式表id和class的常用命名规则，请大家参考一下：首先讲一下div+css样式表的id的常用命名规则如下表所示:页头header登录条loginBar标志logo侧栏sideBar广告Banner导航nav子导航subNav菜单menu子菜单subMenu搜索search滚动scroll页面主体main内容content标签页tab文章列表list提示信息msg小技巧tips栏目标题title加入joinus指南guild服务service热点hot新闻news下载download注册regsiter状态status按钮btn投票vote合作伙伴partner友情链接friendLink页脚footer版权copyRight实际上上面的div+css样式表的id命名也会经常用大小写和_来区分，比如主导航就是MainNav,如果还有必要在区分就是MainNav_1,MainNav_2等等。也可以使用"类型+变量名称"的规则来命名，比如写一个红色字体的class,可以.f_red{}(f是font字体的缩写)。总之原则是：大小写、_、缩写，大大增强代码的可读性。再讲一下div+css样式表的class的常用命名规则如下表所示:外套wrap主导航mainNav子导航subnav页脚footer整个页面content页眉header商标label标题title主导航mainNav边导航sidebar左导航leftsideBar右导航rightsideBar旗志logo标语banner菜单内容menu1Content菜单容量menuContainer子菜单submenu边导航图标sidebarIcon注释note面包屑breadCrumb容器container内容content搜索search登陆login功能区shop当前的current当然像div+css样式表的id和class的命名远远不止这些,可能还会有更多的命名,你可以用一些通俗的易懂.容易理解的一些来命名,如果您有更好的div+css样式表的id和class的命名规则的话,请留言，多多指教.
关于css样式规则大全的内容到此结束，希望对大家有所帮助。