CSS是網頁設計必不可少的元素,為了更好地掌握CSS,筆者整理了一份CSS筆記,保存在txt文件中,方便隨時瀏覽和查看,同時也分享給大家進行下載使用。
CSS筆記 一、選擇器 1. 類選擇器:.classname{style} 2. ID選擇器:#idname{style} 3. 標簽選擇器:tagname{style} 4. 后代選擇器:父級tagname 子級tagname{style} 5. 相鄰兄弟選擇器:上一級tagname + 下一級tagname{style} 二、常用樣式 1. 字體樣式: font-family:字體名稱; font-weight:粗細值; font-size:字號; font-style:普通/斜體/傾斜體; 2. 文本樣式: color:顏色值; text-align:對齊方式; text-decoration:下劃線/刪除線等; line-height:行高; 3. 邊框樣式: border-style:樣式; border-width:寬度; border-color:顏色值; 4. 背景樣式: background-color:顏色值; background-image:圖片路徑; 5. 盒模型: width:寬度; height:高度; padding:上下左右內邊距; margin:上下左右外邊距; 三、布局樣式 1. 相對定位: position:relative; top:上間距; bottom:下間距; left:左間距; right:右間距; 2. 絕對定位: position:absolute; top:上間距; bottom:下間距; left:左間距; right:右間距; 3. 浮動: float:left/right; 四、響應式設計 @media screen and (max-width: 768px){ /* 在寬度小于768px時生效的樣式*/ } 以上是CSS筆記的主要內容,更多細節內容請下載查看。
可以通過以下鏈接進行下載,希望對大家有所幫助!
上一篇mysql安裝窗口命令行
下一篇css筆試選擇題