Javaweb開發(fā)項目實例教程(idea版)——CSS

一、CSS介紹:
1.CSS是專門在瀏覽器中編譯與執(zhí)行的編程語言
2.CSS運行時一次性選擇多個HTML標簽,并對選中HTML標簽中樣式屬性進行集中管理
3.CSS專業(yè)名稱層級樣式編程語言
二、HTML標簽中屬性分類:
1.基本屬性: id屬性,name屬性,rowspan,colspan.....
2.value屬性:只存在于表單域標簽中;作為請求參數(shù)內容提供方
3.狀態(tài)屬性: 只存在于表單域標簽中;表示當前標簽工作狀態(tài)
checked:存在單選框和復選框,表示當前標簽被選中
selected:存在于option標簽,表示當前標簽被選中
3.提示信息屬性:只存在雙目標簽之間,展示提示信息。
? ? ? ? ? ? ? ? ? ? ? ? ? ? <a>百度</a>? 百度是超鏈接標簽提示信息
? ? ? ? ? ? ? ? ? ? ? ? ? ? <input type="radio"/>男
4.樣式屬性:存在標簽中style中,控制標簽中數(shù)據(jù)具體展示形態(tài)(顏色,大小,位置。。。)
5.監(jiān)聽屬性:監(jiān)聽用戶在何時以何種方式操作當前標簽達到向瀏覽器發(fā)送請求
三、CSS選擇器:
1. 語法? :
? ? ? ? ? ? <head>
? ? ? ? ? ? ?<style type="text/css">
? ? ? ? ? ? ? ? ? ? ? 選擇器{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 樣式屬性:賦值;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 樣式屬性:賦值;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ??</style>
? ? ? ? ? ? ??</head>
2.常見CSS選擇器:
1. ID選擇器:根據(jù)標簽中ID屬性定位
2.? 類型選擇器:根據(jù)標簽類型進行定位 <tr></tr>---tr <input type="text"/>--input
3.? 層級選擇器:
? ? 父子關系即為包含關系
? ? 兄弟關系:擁有相同父標簽彼此之間沒有任何包含關系
? ? <body>
? ? <div>1</div>
? ? ?<table></table>
? ? ?</body>
最后奉上視頻教程??,視頻觀看效果更佳??!走過路過別忘素質三連哦~~

