CSS是一種層疊樣式表的縮寫,是一種用于網頁樣式設計的標準語言。
在CSS中,有眾多的規定和定義,以下是一些常見的:
選擇器: * 通配符選擇器 #id id選擇器 .class 類選擇器 element 元素選擇器 ::before 偽元素選擇器 屬性: color 文字顏色 background-color 背景顏色 font-size 字體大小 text-align 對齊方式 display 顯示方式 屬性值: px 像素 em 相對大小 % 百分比 盒模型: content 內容 padding 內邊距 border 邊框 margin 外邊距 常見值: content-box 盒模型中width和height只包含content的大小 border-box 盒模型中width和height包含content、padding和border的大小 布局: flexbox 彈性布局 grid 柵格布局 動畫: animation 動畫效果 transition 過渡效果 響應式設計: @media 媒體查詢 @media screen and (max-width: 768px) {} //屏幕寬度小于768px時執行 注意事項: 盡量使用外部樣式表,減小HTML文件大小 選擇器盡量簡單,不要過度嵌套 屬性值使用相對單位,適應不同屏幕大小