作者:hbwgz2009 | 来源:互联网 | 2018-03-01 10:22
一、HTML中如何使用CSS在HTML中有三种可以定义css的方法1、在标签中使用style属性2、写在head中3、将css样式写到文件中<linkrel"stylesheet"href"commons.css?1.1.11">这里推荐写在css样式文件中,这样可以最大程度的实现代码复用 二、CSS选择器1.id选择器,需要注意的是id不能重复,如&nbs
一、
HTML中如何使用CSS在HTML中有三种可以定义css的方法
1、在标签中使用style属性
2、写在head中
3、将css样式写到文件中
这里推荐写在css样式文件中,这样可以最大程度的实现代码复用
二、CSS选择器
1.id选择器,需要注意的是id不能重复,如
html中有个标签,id为i1
<标签 id="i1">标签>
css中可以这么写
#i1{background-color: #2459a2;height: 48px;
}
2.class选择器,class可以重复,如
html中有个标签,class为c1
<标签 class="c1">标签>
css中可以这么写
.c1{background-color: #2459a2;height: 10px;
}
3.标签选择器,可以将某个标签全部设置成此样式,如
css中可以这么写
p{background-color: #2459a2;height: 10px;
}
4.层级选择器,以空格分割,可以将某个标签里面的某个标签设置成此样式,如
css中可以这么写
span p{background-color: #2459a2;height: 10px;
}
5.组合选择器,以逗号分割,可以将某几个标签都设置成此样式,如
css中可以这么写
#i1,#i2,#i3{background-color: #2459a2;height: 10px;
}
6.属性选择器,某个标签的某个属性设置成此样式,如
css中可以这么写
input[type="text"]{background-color: #2459a2;height: 10px;
}
三、CSS规则
1、注释 /* ... */
2、优先级,标签中style优先级最高,css编写顺序(底下的优先级比上面高)
四、CSS一些常用的样式
1.边框,border(围绕元素的内边距的一条或条线,如果p宽和高都为200px,border的四边都为1px的话,整体的宽和高为202px)
b.左侧以及上下不动 overflow: auto;
以上就是HTML中如何使用CSS?的详细内容,更多请关注 第一PHP社区 其它相关文章!