个性原创,打造品牌

拒绝模仿抄袭、拒绝模板建站;
多位资深网页设计师同时设计,让您优中选优;
网站独一无二,品牌轻易提升...

了解详情 >

代码规范,国际标准

后台php+mysql动态管理,功能强大,千万级数据;
前台div+css生成静态,代码精简,访问速度快,
符合w3c国际标准,兼容ie/火狐/苹果等任意浏览器...

了解详情 >

细微高效,全程无忧

域名一个,主机一台;
主机BGP多线路,5G存储空间,流量不限;
新闻录入、图片处理、数据备份、安全监测、网站升级...

了解详情 >

移动时代,机不可失

全新视觉、创新操作;
跨平台兼容,微信无缝对接;
不容错过的手机网络商机,不能错过的手机网站时代...

了解详情 >

搜索领先,锁定访客

在主流搜索引擎的搜索结果中,
网站的名称,排在第一页的第一名,
网站其他相关的3-5个关键词,排在第一页...

了解详情 >

营销利器,决胜千里

全国统一呼叫,品牌企业的象标志。
中国电信4008/4009、中国联通4000/4006,号码任选;
通话资费预存...

了解详情 >
以“信”为主的服务理念,“源”为标杆的服务特点351532641点击咨询010-86203368联系电话
CSS问题设计问题程序问题优化问题

CSS id和CSS class区别与用法

发布时间:2012-09-14      浏览次数:4159

简单介绍CSS idCSS class区别与用法。

CSS id知识:

在一个网页里ID只能使用一次。当然即使一个id在一个网页内被使用多次,其CSS样式仍然可以实现生效,但是一般规定W3C标准是使用一次。因为IDhtml里可以赋予html标签特殊的属性如一下JS动作、表单传值等特性所以区别于一个class可以使用多少的次,而一个CSS 命名的id只能使用一次避免一些特定动作、传的表单值的兼容性特性错误即使没有其它JS脚本动作、表单传值特性但是我们也一定执行一个页面只能使用一次。

id 选择器以 "#" 来定义,命名CSS选择器。

定义命名css id选择器例子:

#poluoluocom1{color:#F00;}定义红色www.poluoluo.com实例

#poluoluocom2{color:#0F0;}定义绿色

对应htmldiv引用

我颜色为红色


我颜色为绿色


一个div标签的定义只能使用一个id如:

www.poluoluo测试内容


www.poluoluo测试内容


两个都是不正确的,并且CSS样式属性也不能生效- 成为CSS 失效之一。

CSS class知识:

CSS ID不同特性是clsss类可以在一个网页内无限次引用。

Class 选择器定义以“.”来定义。定义css class选择器例子:.poluoluocom1{color:#F00;} 定义文字为红色.poluoluocom2{font-size:28px;}定义文字大小为18px

对应htmldiv+css引用:

我颜色为红色


www.poluoluo.com我字体大小为28px


我颜色为红色文字大小为28px


以上即是“poluoluocom1”“poluoluocom2”类的正确使用方法

扩展知识:能否使用数字命名CSS 属性选择器css 命名规范

以下为错误的css类使用方法:

我将无效


这样的引用方法即是错误的引用方法,同样可以得出一个div标签内只能出现一个"class=",如果出现多个css类要应用到一个div标签内,即可以使用

来表达。


一个div标签内运用idclass是可以的:

.poluoluocom1{... ...}

#poluoluocom2{... ...}

.poluoluocom3{... ...}

这样是可以的也是正确的.


同样是正确的可取的。


上一篇:CSS有趣实例:让整个网页翻转效果
下一篇:CSS网页制作技巧:让网页内容居中的方法

Copyright©2016  xinycx.com  All Rights Reserved  北京信源创想科技有限公司  备案号:京ICP备17071760号-1   

京公网安备 11010802036302号


地址:北京市海淀区闵庄路门头馨村北二区33号楼3单元102室  电话:010-86203368  代理域名注册服务机构:北京新网数码信息技术有限公司

北京网站建设 北京网站制作 信源创想 品牌网站建设 企业网站建设 网站设计 APP开发 微信开发 前端切图 DIV+CSS html5切图 APP切图