样式和类样式区别



像 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如何合并两张结构相同的数据表?



快速导航

Copyright © 2016 phpStudy |