样式和类样式区别



像 p body html a 等等这样的表示元素的样式定义就是所谓的“样式”, 比如 a{color=red;} 这样当前网页里所有 标签的字体颜色都是红色了。

.bigFont .xxx 这样前面带.的是自定义的class样式,使用的时候必须在标签里加上class="bigFont",比如设置某个超级链接的样式为bigFont <a class="bigFont" href="www.baidu.com" >baidu</a>


不邀自来。
其实准确的说法应该是选择器:类选择器,元素选择器,id选择器,在css3中还有很多其他复杂的。这里就不一一举例说明了。简单说明一下上述三种的区别

类选择器:是指内部样式(style标签内)或者外部样式文件中以“.”符号开头加上具有自说明的名称声明。如我要描述一个商品详情的样式 .commodityDetail{样式内容},它的作用范围是在元素的class属性值中对其引用的。

元素选择器:指根据html的标签元素为开头声明的样式,如input,div,h1这些都是html元素,同样可以作为样式的声明 input{样式内容} ,它的作用范围就是当前文档的所有input的标签。

id选择器: 是指内部样式(style标签内)或者外部样式文件中以“#”符号开头加上具有自说明的名称声明。同样如我要描述一个商品详情的样式 .commodityDetail{样式内容},它的作用范围是在元素的id属性中中对其引用的。

总结,几种选择器的区别就是作用范围,不能说孰好孰坏,只能说根据当前的需要你觉得哪种更适合。如有不清楚,可以参考css选择器说明,或私聊我。


class样式可以复用、而且覆盖标签样式、权重高于普通标签上的样式


bigFont 是你自己定义的类名,添加样式即为这个类的样式

p 是标签,给它添加样式,即为标签样式



相关阅读:
关于this在浏览器中的指向
在node.js里面可以使用window对象的方法吗
angularjs如何将字符串类型的时间格式化呢
bundle-loader解析import异于ES6 module
video标签怎么控制播放内容的宽高?
IE兼容 React
弹出提示窗口JS怎么设置弹出一次,假设多弹出也要把前者取消,让后者弹出一次?
前端如何掌握必须的http知识?
在pfsense中启动barnyard2失败
scrapy怎么设置返回码不是200换代理
为什么有的公司要求DBA禁止使用between?
Laravel 如何获取路由名称?
前后端分离中碰到跨域问题大家是怎么解决的?
阮一峰老师《ECMAScript 6入门》第一节中的疑问
定时器中this为什么会指向window
backbone排序问题,视图实时排序
vuex中的state值,在工具类模块中怎么获取?
怎样用yii2.0配合mongodb做后台的权限控制系统???
类方法里实现网络请求类单例的方法有些情况返回不了数据
mysql如何合并两张结构相同的数据表?



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 我爱摄影 演讲稿格式完整解析 那些凌霜傲雪的花朵 关于冬天的作文400字 笔袋热潮 高三我的中国梦作文 神九发射的那一刻 崔智杰 城管科学发展观演讲稿 《索溪峪的“野”》读后感800字 忘川不忘情 最不起眼的狗作文600字 飘摇一生 黄山怪石作文小学 一样的人生,异样的心态 2013年个人后勤工作总结范文 初中关于坚持梦想的作文500字 学生宿舍管理委员会岗位职责 假如可以重新来过作文400字 千奇百怪,我的爱350字作文 四叶草作文250字 小学四年级作文700字:我给小鸟建房子 当你在穿山越岭的另一边,我在孤独的路上没有尽头。 读书可以感悟人生1200字 傻子作文500字 谢恩:加强基层宣传思想文化工作犹如久旱望雨 《祖国在我心中》演讲稿作文900字 一些凌乱记忆 党风廉政建设责任制情况自查报告 越走越短的是人生 父母的爱情文王太双 夏天的雨100字 写给你最后的一封信 财务出纳工作内容 笑享人生 堤坝上的乐趣 话别----写给我老师 初中家委会工作计划 痛苦滋味 全县庆六一文艺演出节目串词 《爱德华的奇妙之旅》读后感800字 美在楠溪江 公安局刑侦大队技术中队侦查员先进事迹材料 西瓜皮,回来了500字 我又出“名”了 事迹:永远拥有一颗爱学生的心 世界房地产泡沫对中国房地产的启示 【友情散文范文】遇见,一座城的变换 县招商引资工作总结材料 游广西科技馆作文700字 市房地产开发经营管理处党支部党建工作经验交流材料

Copyright © 2016 phpStudy |