css按鈕的大小設置方法:首先創建一個HTML示例文件;然后在body中通過button標簽創建一個按鈕;最后使用“font-size”屬性來設置按鈕大小即可。
本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。
可以使用 font-size 屬性來設置按鈕大小:
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button1 {font-size: 10px;}
.button2 {font-size: 12px;}
.button3 {font-size: 16px;}
.button4 {font-size: 20px;}
.button5 {font-size: 24px;}
</style>
</head>
<body>
<h2>按鈕大小</h2>
<p>我們可以使用 font-size 屬性來設置按鈕大小:</p>
<button class="button button1">10px</button>
<button class="button button2">12px</button>
<button class="button button3">16px</button>
<button class="button button4">20px</button>
<button class="button button5">
答案是側重于標簽的語義化。
css strong主要是在告訴瀏覽器這是一段需要重點強調的文字內容,方便起到瀏覽器的識別作用。
strong標簽還可以使用css的另一個屬性進行替代,使用font-weight屬性,屬性值的單位是px同樣的可以對元素起到強調的作用,二者的作用效果是一樣。
但在項目開發中一般推薦使用css的font-weight屬性進行替換strong屬性。
1、代表內聯樣式,如: style=””,權值為1000。
2、代表ID選擇器,如:#content,權值為100。
3、代表類,偽類和屬性選擇器,如.content,權值為10。
4、代表類型(元素)選擇器和偽元素選擇器,如div p,權值為1。 按照CSS代碼的執行先后順序。如果有重復的規則,按照后執行的定義。最終規則是多個定義規則的綜合。重點:高級規則定義對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級鏈接樣式定義。多個相同規則不同對象的CSS共同定義。對于同一對象定義的多種CSS方式考慮哪種更科學。
1. 標簽名選擇器 div { color:Red;} 即頁面中的各個標簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個標簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁面中的標簽的id 4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} 即多個選擇器以逗號的格式分隔 命名找到準確的標簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標簽分組顯示