桃子的博客

移动web开发——flex布局 （文章整理自黑马课程资料） 1.0传统布局和flex布局对比 1.1传统布局 兼容性好 布局繁琐 局限性，不能再移动端很好的布局 1.2 flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 1.3 建议 如果是pc端页面布局，还是采用传统方式 如果是移动端或者是不考虑兼容的pc则采用flex 2.0 flex布局原理 flex 是 flexible Box 的缩写，意为

css三大特性 css有三个非常重要的特性：层叠性、继承性、优先级 1. 层叠性 相同选择器给设置相同的样式，后面的样式会覆盖掉前面的样式。层叠性主要解决样式冲突的问题。 层叠性原则 样式冲突：遵循的原则就是就近原则，哪个离结果近，就执行哪个样式 样式不冲突，不会重叠。 2. 继承性 子标签会继承父标签中的某些样式，如文本颜色和字号。简单的理解就是：子承父业 恰当的使用继承可以简化代码，降低css样式的复杂性 子元素可以继承父元素的样式（text-，font，line-这些元素开头的可以继

元素显示模式 什么是元素显示模式? 元素显示模式就是元素（标签）以什么方式进行显示。元素一般分为行内和块级 什么是块级元素？ 标签独占一行 宽度，高度，外边距可以控制 宽度默认是父容器的100% 是一个容器及盒子，里面可以放行内或者块级元素 注意： 文字类的元素内不能使用块级元素 <p>标签主要用于存放文字，<p>里面不能放div <h1>~<h6>都是文字类块级标签，里面也不能放其他块级元素 3.什么是行内元素？ 相邻行内元素

css边框 1.什么是边框：就是环绕在标签宽度和高度周围的线条 2.边框属性的格式 2.1 连写（同时设置四条边的边框） border：边框的宽度 边框的样式 边框的颜色 快捷键： bd+ 连写格式中颜色可以省略，省略是黑色，样式不能省略，宽度可以省略 2.2 连写(分别设置四条边的边框) border-top：边框的宽度 边框的样式 边框的颜色 border-right：边框的宽度 边框的样式 边框的颜色 border-bottom：边框的宽度 边框的样式 边框的颜色 border-left：边框的宽度

css定义 1. 什么是css CSS 指的是层叠样式表* (Cascading Style Sheets) CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML元素， CSS 节省了大量工作。 它可以同时控制多张网页的布局 外部样式表存储在 CSS 文件中 2. css语法 CSS 规则集（rule-set）由选择器和声明块组成 3. css的使用方式 有三种插入样式表的方法： 外部 CSS 内部css 行内css 4.css颜色 指定颜色是通过使用预定义的颜色名称，或 R