爱站程序员基地思维导图
整理的笔记
T2（CSS）
- CSS:层叠样式表，将内容与样式控制分离
- 使用方式内联样式在标签内使用style指定css代码，与内容耦合
- code
- 在head标签内，定义style标签中的css内容
- 1. 定义css资源文件
- * 选择器:筛选具有相似特征的元素；属性用“；”隔开
- 基础选择器id 选择器（#id属性值)对应html标签内的id 属性，语法：#id属性值{}
- id选择器优先级高于元素选择器
- * 语法：.class属性值{}
- 选择所有元素（通配选择器，通配符）* 语法： *{}code
- 语法：* 选择器1, 选择器2{}
- 语法： 选择器1 选择器2{} (中间用空格隔开)code
- * 语法： 选择器1 > 选择器2{}code
- * 语法： 元素名称[属性名=\”属性值\”]{}选择标题属性包含单词\”flower\”的所有元素
- * 语法： 元素:状态{}选择一些元素具有的状态,css提供了一些定义好了的样式，可以直接使用。CSS伪类是用来添加一些选择器的特殊效果。
- 字体、文本font-size：字体大小 font-size: 20px;
- line-height: 40px;
- solid 是实线的意思
- width：宽度
- margin：外边距（相对于某个盒子来说，外边距是指与它的父盒的距离，与它的子盒的距离是内边距，不同的对象相应的内外边距值不同）
- * 默认情况下内边距会影响整个盒子的大小（它并不会动态变化，只会使得外盒的大小改变）
- float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
