HTML+CSS Mudah untuk bermula dengan pengetahuan asas tentang CSS
Sekarang kita mula menerangkan pengetahuan asas css:
Sebelum bercakap tentang pengetahuan asas, kita perlu tahu cara menulis komen dalam css
/*Kandungan komen*/
Fon: fon
Apakah operasi yang kami ada pada fon:
Warna warna fon Saiz saiz fon Font gaya fon-keluarga Italic gaya fon font-berat garis bawah teks-hiasan ketinggian garis
Mari kita jelaskan melalui contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
body{
font-size: 20px; /*字體大小*/
color: red; /*字體顏色*/
font-weight: bold; /*字體粗細(xì)*/
font-style: oblique;
/*italic:斜體。對(duì)于沒有斜體變量的特殊字體，將應(yīng)用 oblique
normal:默認(rèn)值。正常的字體
oblique傾斜的字體
*/
text-decoration:none; /*none : 默認(rèn)值。無(wú)裝飾
blink : 閃爍
underline : 下劃線
line-through : 貫穿線
overline : 上劃線
*/
font-family:隸書; /*什么樣的字體。宋體，隸書等*/
}
</style>
</head>
<body>
中華名族偉大復(fù)興
</body>
</html>Teks teks
Penjajaran teks penjajaran teks
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
body{
text-align:center;
}
</style>
</head>
<body>
中華名族偉大復(fù)興
</body>
</html>Latar belakang
Latar belakang warna latar belakang-warna imej latar belakang imej latar belakang
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
body{
background-color:red;
background-image:url("1.jpg");
}
</style>
</head>
<body>
中華名族偉大復(fù)興
</body>
</html>Saiz
lebar lebar Tinggi ketinggian
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
background-color: red;
width: 100px;
height:100px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>margin dan padding
atribut trengkas margin menetapkan semua margin dalam satu sifat pernyataan. Atribut ini boleh mempunyai 1 hingga 4 nilai. <<>
Jarak atas ialah 10px
>
Jidar bawah ialah; 15px Jidar kiri ialah 20pxsifat trengkas padding menetapkan semua sifat padding dalam satu pernyataan. Atribut ini boleh mempunyai 1 hingga 4 nilai. padding: 10px 5px 15px 20px; ??>sempadan sempadanTetapkan ketebalan dan warna jidarsempadan:1px merah pepejal; 1 piksel, dan garisan berwarna merah<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
div{
margin-left:50px;
margin-top:50px;
background-color:#ccc;
width:150px;
height:150px;
border:1px solid red;
}
</style>
</head>
<body>
<div>測(cè)試</div>
</body>
</html>Selepas berjalan seperti ini, perkataan berada dalam Bagaimana untuk mengalihkan teks di sudut kiri atas div ke tengah Ia sebenarnya sangat mudah Hanya tambahkan dua gaya pada css div text-align: center;line-height: 150px;
