概念:
層疊樣式表
作用
對網頁進行渲染選擇器/*通過head標籤內的子標籤style*/
>
>
選擇器style
>
head
>
/*在標籤內使用style屬性*/
<***
style
="css屬性
:值;css屬性:值"
>
***>
1.在html檔案外部編寫css樣式檔案,擴充套件名為*.css
2.在需要是使用的頁面中引入css檔案
引入方式:
a.使用head標籤的子標籤link
href
="css樣式檔案的路徑"
rel="stylesheet"
>
b.使用註解@import css樣式檔案的位置
href:設定引入的css檔案的位置 rel:設定引入的檔案的型別
選擇器可以理解為一種標記,通過不同的標記可以獲取到不同的標籤.(為的就是從頁面上找到指定的標籤)格式id選擇器
#id(選擇標籤中id屬性所對應的值)
類選擇器
.類名(選擇標籤中class屬性對應的值)
標籤選擇器
標籤名(選擇頁面中所有該名稱的標籤)
通用選擇器
*(選擇頁面中所有html標籤)
id選擇器
/*選擇指定標籤,id在乙個頁面中唯一存在(不能重複)*/
html:
給指定標籤新增id屬性
<***id=
"***"
>
***>
css:
/*通過#id值選定這個標籤*/
#***
/*給一類標籤設定相同的樣式 選中一類標籤*/
html中:給html的標籤新增class屬性
<***
class
="cla"
>
***>
<***
class
="cla"
>
***>
css中:通過.class的名稱選中這類標籤
.cla
/*選中一類標籤*/
css:標籤名
/*選中頁面中所有標籤*/
css:
*
1.後代選擇器
格式:選擇器之間使用空格分割(包含指定選擇器下所有代選擇器)
父選擇器 後代選擇器{}
2.子代選擇器(只包含指定選擇器下子代選擇器)
格式:選擇器之間使用 > 分割
父選擇器 > 子選擇器{}
選中屬性為???的標籤
格式: html中:標籤新增屬性
<***
屬性名=
"屬性值"
>
***>
css中:
第一種: ***[屬性名="屬性值"]{}
第二種: [屬性名="屬性值"]{}
格式:
選擇器:鏈結
鏈結分類:
link:正常情況下
visited:訪問過
active:正在啟用
hover:滑鼠懸停
focus
(文字框)
:得到焦點時(文字框中有游標閃爍時)
css中選擇器有權重概念,權重的高低影響選擇器的優先順序
: id選擇器 > 類選擇器 > 標籤選擇器 > 通用選擇器
CSS優化概述
css優化的作用 1 減輕伺服器的壓力 2 縮短伺服器響應時間 3 提高使用者的體驗度 css優化原則 1 儘量減少http請求個數 css sprites 合併多個背景影象到乙個單獨影象，然後通過background image和background position進行調整 image maps...
css基本概述
css是cascadingstylesheets 級聯樣式表 級聯 關聯 兩個內容之間關聯 樣式表 css修飾網頁的語法集 css是一種樣式表語言，用於為html文件控制外觀，定義布局。例如，css涉及字型 顏色 邊距 高度 寬度 背景影象 高階定位等方面 可將頁面的內容與表現形式分離，頁面內容存放...
UML簡單概述
一 物件導向技術 1.物件導向技術出現於 20世紀 70年代末，是軟體工程領域中的重要技術 2.是一種程式設計方法 3.是一種對現實世界中問題的抽象方式 4.對物件導向建模技術的研究的主要成果就是統一建模語言 軟體衡量指標 外部 使用者方面 1.正確性 軟體執行結果是否正確 2.健壯性 這個軟體是不...