CSS(層疊樣式表)主要用于控制網(wǎng)頁(yè)中元素的樣式和布局,是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的一部分。在CSS中,有許多常用標(biāo)簽和代碼,下面將介紹一些最基本的常用標(biāo)簽代碼大全。
/* 定義樣式 */ <style> p { font-size: 20px; color: red; margin: 10px; padding: 5px; } </style>
上述代碼定義了對(duì)p標(biāo)簽的樣式控制,其中font-size屬性表示字體大小,color屬性表示顏色,margin屬性表示外邊距,padding屬性表示內(nèi)邊距。
/* 創(chuàng)建ID名為“header”的div */ <div id="header"></div> /* 定義ID名為“header”的div樣式 */ <style> #header { background-color: blue; height: 100px; width: 100%; } </style>
上述代碼創(chuàng)建了一個(gè)ID名為“header”的div,并定義了其樣式,其中background-color屬性表示背景色,height屬性表示高度,width屬性表示寬度。
/* 創(chuàng)建class為“button”的按鈕 */ <button class="button"></button> /* 定義class為“button”的按鈕樣式 */ <style> .button { background-color: green; color: white; font-size: 16px; padding: 10px; } </style>
上述代碼創(chuàng)建了一個(gè)class為“button”的按鈕,并定義了其樣式,其中background-color屬性表示背景色,color屬性表示字體顏色,font-size屬性表示字體大小,padding屬性表示內(nèi)邊距。
/* 定義全局樣式 */ <style> * { box-sizing: border-box; } </style>
上述代碼定義了一個(gè)全局樣式,使用了通配符“*”,box-sizing屬性是用來(lái)設(shè)置盒模型屬性,border-box表示盒子的邊框和內(nèi)邊距都計(jì)算到盒子的寬度和高度中。
以上是一些CSS常用標(biāo)簽代碼大全的簡(jiǎn)單介紹,希望可以幫助大家快速學(xué)習(xí)掌握CSS基礎(chǔ)知識(shí)。