div+css学习
div+css代碼
Div就是一個容器放內容，存放表格，圖片等等
Css層疊控制，控制div內部元素的顯示樣式
?
1.樣例11
/* 類選擇器 ????div表格位置調整，邊框*/
.style1{
width:300px;
height:200px;
border :1px solid red;
margin:50px 0px 0px 200px;
}
/*父子選擇器*/
table{
border:1px solid black;
width:298px;
height:180px;
?
}
/*父子選擇器 ?文字劇中*/
table td{
border:1px solid black;
text-align:center;
}
?
?
Css 有內部css ??還有外部css
內部css 就是寫在本文件內部
<style type=”text/css”>
.style1{
Font-size:20px;
Color:red;
.....
}
</style>
外部css ?,寫在外面的，然后調用就行
?
1.類選擇器 ??class
2.Id選擇器 ???id
3.Html元素選擇器 ??
4.通配符選擇器
5.
?
選擇器{
屬性1：屬性值
屬性2：屬性值
?
?
}
class
.選擇器{
?
?
}
?
用的時候就是class=”s1”
?
Id選擇器
#id{
?
}
?
調用
Id=”id1”
?
html元素選擇器！！！！ 就是選擇某幾個字或者某句話.可以根據所控制的東西來變化html元素選擇器。
Body{
屬性：屬性值；
?
}
A{
?
}
P{
?
}
Tr{
?
}
Table{
?
}
?
?
代碼實例:
/*類選擇器*/
.s1{
background:pink;
font-weight:bold;
font-size:20px;
color:black;
}
/*id選擇器*/
#id1{
background-color:gray;
font-size:30px;\
color:black;
}
/*html 元素選擇器*/
body{
color:orange;
?
}
?
a:link{
color:black;
text-decoration:none;
font-size:25px;
?
}
?
a:hover{
text-decoration:underline;
font-size:35px;
}
a:visited{
color:green;
}
/*對同一種html元素分類*/
p.cls1{
color:red;
font-size:25px;
}
?
p.cls2{
color:blue;
font-size:25px;
}
?
?
通配符選擇器：
*名稱{
屬性：屬性值
}
總結
- 上一篇： 大白菜u盘系统电脑怎么安装win7系统
- 下一篇： Matlab中plot函数及legend