HTML和CSS學習筆記
阿新 • • 發佈：2020-12-29
HTML表單的高階應用
隱藏域
<form action="#" method="get">
<input type="hidden" name="使用者名稱"value="admin">
</form>
只讀
<form action="#" method="get">
<input type="text" name="使用者名稱"value="admin"readonly>
</ 禁用
<form action="#" method="get">
<input type="text" name="使用者名稱"value="admin"readonly>
<input type="submit"name="提交"disabled>
</form>
HTML表單的初級驗證
placeholder輸入提示
<form action="#" method required要求填寫
<form action="#" method="get">
<input type="text" name="使用者名稱"value="admin"placeholder="請輸入使用者名稱"required>
<input type="submit"name="提交">
</ pattern正則表示式（不會）
<form action="#" method="get">
<input type="text" name="使用者名稱" value="admin" placeholder="請輸入使用者名稱"required pattern=">
</form>
初識CSS
CSS概念
Cascading Style Sheet級聯樣式表
CSS基本語法結構
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS基本語法結構</title>
<link href="檔案路徑" rel="stylesheet">
<!--外部樣式表-->
<style type="text/css">
h1{
color:red;
font-size:13px
}
<!--內部樣式表且是標籤選擇器-->
.a{
color:blue;
}
<!--類選擇器-->
#b{
color:ted;
}
</style>
</head>
<body>
<h1>Hello World</h1>
<!--標題字型變化-->
<span class="a">Hello World</span>
<span id="b">Hello World</span>
<!--id選擇器，只能出現1次-->
</body>
</html>
font用法
p{
font:bolder（加粗）italic（傾斜）13px（字型大小）"times new roman"（字型型別）
如何去掉超連結中的下劃線
在style標籤下，定義a標籤text-decoration:none
<style type="text/css">
a{text-decration:none}