Css有哪些用法?小白轻松入门
导读:1.1 选择器语法 选择器{ 样式1;样式2;样式3;……} 1.2 CSS基本选择器 (1)标签选择器 语法: 标签{样式1;样式2;} p{ font-weight: bolder; color:darkslategray; font-...
1.1 选择器语法
选择器{
样式1;
样式2;
样式3;
……}
1.2 CSS基本选择器
(1)标签选择器
语法:
标签{
样式1;
样式2;
}
p{
font-weight: bolder;
color:darkslategray;
font-family: "微软雅黑";
(2) 类选择器
.box2{
border:dotted 2px blue;
Html使用类
box2
box3
(3) id选择器
/*Id选择器*/
#top{
height: 120px;
#middle{
height: 500px;
#bottom{
height: 200px;
background: #ccc;
html中使用:
友情链接
box3
(4)通配符选择器
*{
样式1;
样式2;
*{
padding: 0;
margin: 0;
(5)包含选择器
语法:
E1 E2
table td {
font-size:14px;
}
.prolist{
width: 200px;
border: solid 1px gray;
.prolist h3{
height: 40px;
line-height: 40px;
text-indent: 20px;
.prolist ul li{
text-indent: 20px;
border-bottom: dotted 1px gray;
Html部分:
Css有哪些用法?小白轻松入门
(6) 子选择器
语法:
E1 >
E2
/*子选择器*/
body>
div{
border: solid 1px gray;
margin: 5px;
这是第一个的段落
这是第一个段落中嵌套的段落
这是第二个段落
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: Css有哪些用法?小白轻松入门
本文地址: https://pptw.com/jishu/664398.html