purple_lumpy的博客

标签： 表格 行 单元格 示例： 第一列 第二列 第三列 第四列 1 2 3 4 5 6 7 8

使用CSS定位，达到布局目的。 - position 之static - position 之relative - position 之absolute - position 之fixed - position 之sticky position 在CSS体系中，既是一个模块，也是一个属性。 在CSS3 中一共有5中定位模型：

float 属性有四个参数值：left，right，none，inherit。 上述四个属性分别表示：左浮动，有浮动，无浮动，继承浮动。 如果一个元素设置了float属性，则它自动变成了块级元素。它主要是用来设置图像的环绕方式的。 CSS中有三种定位机制： - 标准流（普通流） - 定位 - 浮动 浮动使得元素脱离了标准流，用浮动的方式进行定位。然而，其他的元素也会相应地受到干扰，而

- 盒子模型概念 - 高和宽设置 - 边框设置 - 内边距设置 - 外边距设置 - 盒子的计算 - 元素显示方式 （1） 盒子模型概念 盒子模型用来“放”网页中的各种元素 内容，如文字、图片等，都可是盒子（DIV嵌套） （2） 宽度设置 width: 长度值 | 百分比 | auto 最大宽度： max-width: 长度值 | 百分比 | aut

CSS 背景样式 - background-color    设置元素的背景颜色 - background-image   把图像设置为背景 - background-position   设置背景图像的起始位置 - background-attachment   背景图像是否固定或者随着页面的其余部分滚动 - background-repeat     设置背景图片是否重复以及

HTML，超文本标记语言。 下面记录一下一些标记。 First 以上第一行，表示该文档是html 的文档 html 是不区分大小写的。 所有内容放在 之间。 注释： 标题标签： 标题 标题 标题 标题 标题 标题 段落标签：        对齐属性 左对齐，居中对齐，右对齐，扩展对齐：

（1） text-align 属性 - 水平对齐方式            语法：  text-align:left 或 right 或 center 或 justify            注： 该属性对块集元素设置有效，对行内元素设置无效！   示例： .textalign{width:50%;margin:0 auto;} 以上，设置文本的宽度，并居中显示文本 （2）v

- 文字   颜色、字体大小、字体、加粗等 - 文本   行高、对齐方式、文本装饰 文字样式属性： - 字体： font-family - 文字大小： font-size - 文字颜色：color - 文字粗细： font-weight - 文字样式： font-style (1)  font-family 字体属性 定义元素内文字以什么字体来显示 语法：

1. 采用英文字母、数字以及“-”和“_”命名 2. 以小写字母开头，不能以数字和“-”、“_”开头 3. 命名形式：一个单词，连字符，下划线和驼峰（除第一个字符外其他单词首字母大写） 4. 使用有意义命名 注意： - id谨慎使用 - 适当使用class

CSS 继承 即，从父元素那继承部分CSS属性 好处： 1. 父元素设置样式，子元素可以继承部分属性 2. 减少CSS代码 注意：当元素本身的样式与继承而来的样式有冲突时，将忽略继承来的样式，如下： - Chrom浏览器默认字体大小是16px - h1 默认字体大小font-size 是2em(正常字体的两倍) - 因此，在chrome中h1字体大小是32px C

CSS 样式规则CSS样式规则由两部分构成：选择器，声明。选择器 ---> 指定哪个 html 元素进行样式设定声明 ------> 由属性和值构成

CSS层叠样式表（Cascading Style Sheets）用于定义HTML内容在浏览器内的显示样式，目前使用的是CSS2/（PC端一些浏览器支持不够好）CSS3. 在手机端对CSS3比较好，因此在手机端一般都是使用html5+css3.- CSS简化HEML相关标签，使网页体积小，下载块- 解决内容与表现分离的问题- 更好地维护网页，提高工作效率要学习的：- CSS基础语法- CSS使用方法

标签 标签 块级标签和行内标签 标签嵌套规则 由于，标签布局网页，不易维护与不够灵活。因此，目前网页布局基本使用的是：div + css. 标签，是一个区块容器标记，之间是一个容器，可以包含段落、表格、图片等各种HTML元素。 标签，没有实际意义，为了应用样式。 块级标签： 占据一行，换行（div,ul,ol,li,dl,dt,dd,h1-h6,p,form,

表单 语法：     表单元素 其中，表单元素，可以是：文本域.、单选框、复选框、按钮、列表。 表单本身不可见，网页上显示出来的是表单元素。 示例： 基础表单 姓名： 密码： 示例： 表单元素 注册信息 姓名

一些布局： - 行布局 - 多列布局 - 圣杯布局 - 双飞翼布局 会使用到：HTML和CSS基础；会使用DIV + CSS进行排版；熟悉 Float属性、Position属性。 （1） 经典的行布局 + 基础的行布局 + 行布局自适应 + 行布局自适应限制最大宽 + 行布局垂直水平居中 .container{ width: 100%; max-w