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笔记的主要内容,更多细节内容请下载查看。
可以通过以下链接进行下载,希望对大家有所帮助!
CSS笔记整理txt下载