CSS中#和.的区别
来源:互联网 发布:软件行业税负 编辑:程序博客网 时间:2024/05/21 18:47
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:用来定义一些比较细节的样式,如具体的一个菜单,一行文字等,用.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可以出现无数次。
0 0
- CSS 中 # 和 . 的区别
- CSS中#和.的区别
- CSS 中 # 和 . 的区别
- CSS 中 # 和 . 的区别
- CSS中#和.的区别
- CSS 中 # 和 . 的区别
- CSS 中 # 和 . 的区别
- CSS 中 # 和 . 的区别
- CSS中Visibility和Display的区别
- css中padding和margin的区别
- CSS中link和import的区别
- CSS中Visibility和Display的区别
- css中link和import的区别
- CSS中 ID和CLASS的区别
- CSS中em和px的区别
- css中Link和@import的区别
- CSS中ID和类的区别
- css中id和class的区别
- Struts 2常量
- mongodb常用命令
- 时间复杂度的计算方法
- org.springframework.beans.factory.parsing.BeanDefinitionParsingException
- 安卓触摸事件与点击事件的区别(Touch&Click)
- CSS中#和.的区别
- Swift自适应布局(Adaptive Layout)教程(一)Autolayout
- Swift自适应布局(Adaptive Layout)教程(二)Autolayout
- CSS 之 核心篇
- Eclipse 常用快捷键 (动画讲解)
- java程序员在面试时的注意事项
- 如何用Entity Framework 6 连接Sqlite数据库
- Spring 注解 @Resource和@Autowired的区别
- C# DataTable详细用法