最近在學習CSS,為了方便查閱,我整理了一份CSS筆記PDF,包含了CSS的基本語法、選擇器、盒模型、文本樣式、背景樣式、浮動、定位、Flex布局等內容。
/* CSS 基本語法 */ selector {property:value;} /* 選擇器 */ element_selector {} .class_selector {} #id_selector {} attribute_selector {} parent_selector child_selector {} sibling_selector ~ {} pseudo-class_selector :first-child {} /* 盒模型 */ /* 以下為盒子屬性與取值 */ width:auto; height:auto; padding:0; border:0 none; margin:0 auto; /* 文本樣式 */ /* 以下為文本屬性與取值 */ font-family:serif; font-size:14px; font-weight:normal; text-align:left; line-height:normal; text-decoration:none; /* 背景樣式 */ /* 以下為背景屬性與取值 */ background-color:#fff; background-image:none; background-repeat:no-repeat; background-position:top left; /* 浮動與清除浮動 */ float:right; clear:both; /* 定位 */ position:absolute; top:0; left:0; /* Flex 布局 */ display:flex; flex-direction:row; justify-content:center; align-items:center;
以上就是我在學習CSS時整理的筆記,希望對其他學習者也有所幫助。PDF文件可以方便地下載到本地,并結合代碼實踐,加深對CSS的理解,達到更好的學習效果。
上一篇mysql安裝第三步