css詳細編碼
項目結構:
html檔案
css檔案:
CSS的優勢:
内容和表現分離
網頁結構表現統一,可以實作複用
樣式十分豐富
建議使用獨立于html的css檔案
利于SEO,容易被搜尋引擎收錄
html檔案:
标簽選擇器: 選擇一類标簽 格式(标簽{})
類選擇器:選擇所有class屬性一緻的标簽,格式(.class的值{})
id選擇器:全局唯一,格式(#id的值{})
效果如下圖:
css檔案
1. 邊框
2.内外邊距
1.邊框圓角
2.半圓
父級元素塌陷問題即子元素浮動起來後超出父級元素闊起來的範圍
方案一:
增加父級元素高度
方案二:
在最底下增加一個空的div,然後給該div增加屬性
方案三:
在父級元素增加 overflow: hidden;屬性
方案四:
父類添加一個僞類
具體代碼
CSS檔案