CSS中#和.的区别
2016-01-26 08:18
525 查看
id:用来定义页面中大的样式,如栏目划分,顶部,正文,底部等;用#top的形式来定义;
class:用来定义一些比较细节的样式,如具体的一个菜单,一行文字等,用.text的形式来定义。
定义HTML中的标签,如ul,img,p等时,直接写:img{}
class是样式组,用.style定义,class="style":
.style定义样式组,可以被反复调用,就是说你一个页面里,可以有多个元素用同一个style;
ID是固定标签,用#style1定义,ID="style1"
#main和.main有什么区别:
#main 定义的是ID为"main"这个元素的样式
.main 的意思是新建一个名为"main"的样式
#main 只能定义ID为"main"这个元素的样式
.main 一但定义以后,可以让其他的元素来调用,方法为class="main"
用#定义CSS样式,在调用时必须用ID,用.定义CSS样式,在调用时必须用CLASS。用#定义的样式,一般都是定义结构框架,一些大的容器,且在同一个页面只能出现一次;而.定义的样式,一般都是起修饰作用或多次重复的样式。还一点就是在同一个层里同时出现ID和CLASS样式,ID更优先于CLASS。
简单来说: #main是定义具体对象main的专有属性;.main是定义抽象对象的共有属性main。比较广泛的用途是#用于定义网页框架;.用于定义各个网页元素。#main中的main只能在网页中出现一次,而.main中的main可以出现无数次。
使用范例
class:
.footer{background:red;}
footer
id:
#footer{background:red;}
footer
定义class的css是用点:“.”,如.footer
定义id的css是用井号“#”,如#footer
class:用来定义一些比较细节的样式,如具体的一个菜单,一行文字等,用.text的形式来定义。
定义HTML中的标签,如ul,img,p等时,直接写:img{}
class是样式组,用.style定义,class="style":
.style定义样式组,可以被反复调用,就是说你一个页面里,可以有多个元素用同一个style;
ID是固定标签,用#style1定义,ID="style1"
#main和.main有什么区别:
#main 定义的是ID为"main"这个元素的样式
.main 的意思是新建一个名为"main"的样式
#main 只能定义ID为"main"这个元素的样式
.main 一但定义以后,可以让其他的元素来调用,方法为class="main"
用#定义CSS样式,在调用时必须用ID,用.定义CSS样式,在调用时必须用CLASS。用#定义的样式,一般都是定义结构框架,一些大的容器,且在同一个页面只能出现一次;而.定义的样式,一般都是起修饰作用或多次重复的样式。还一点就是在同一个层里同时出现ID和CLASS样式,ID更优先于CLASS。
简单来说: #main是定义具体对象main的专有属性;.main是定义抽象对象的共有属性main。比较广泛的用途是#用于定义网页框架;.用于定义各个网页元素。#main中的main只能在网页中出现一次,而.main中的main可以出现无数次。
使用范例
class:
.footer{background:red;}
footer
id:
#footer{background:red;}
footer
定义class的css是用点:“.”,如.footer
定义id的css是用井号“#”,如#footer
相关文章推荐
- 前端基础之CSS
- css常用样式
- 响应式网页设计——学习笔记三:CSS3
- HTML,CSS,font-family:中文字体的英文名称
- 颜色编码,css轮流变色
- iOS NSLog去掉时间戳及其他输出样式
- 【更改表单元素默认样式】更改自定义文件上传按钮样式
- 如何用 CSS 做到完全垂直居中
- 设置文本框失去焦点与获得焦点的样式
- 我的网页搭建中篇03——网页登录框01
- 如何设置滚动条样式
- 前端笔记六,级联样式单与CSS选择器(一)
- css 全局 兼容性问题
- Qt中设置widget背景颜色/图片的注意事项(使用样式表 setStyleSheet())
- JS和CSS加载(渲染)机制不同
- CSS3响应式表格和响应式图片
- 【scss编译】基于Webstorm File Watch的自动编译scss文件.md
- Css中overflow属性的认识
- CSS控制Table内外边框、颜色、大小示例
- css background-position 图片整合技术