前端之HTML CSS
purple_lumpy
先,找一个方向,然后,收拾收拾好,一步一步来
展开
-
HTML 表格
标签: 表格 行 单元格示例: 第一列 第二列 第三列 第四列 1 2 3 4 5 6 7 8原创 2017-12-29 17:55:46 · 257 阅读 · 0 评论 -
CSS 定位
使用CSS定位,达到布局目的。- position 之static- position 之relative- position 之absolute- position 之fixed- position 之stickyposition 在CSS体系中,既是一个模块,也是一个属性。在CSS3 中一共有5中定位模型:原创 2018-01-08 18:31:02 · 285 阅读 · 0 评论 -
CSS float
float 属性有四个参数值:left,right,none,inherit。上述四个属性分别表示:左浮动,有浮动,无浮动,继承浮动。如果一个元素设置了float属性,则它自动变成了块级元素。它主要是用来设置图像的环绕方式的。CSS中有三种定位机制:- 标准流(普通流)- 定位- 浮动浮动使得元素脱离了标准流,用浮动的方式进行定位。然而,其他的元素也会相应地受到干扰,而原创 2018-01-08 11:49:58 · 401 阅读 · 0 评论 -
CSS 盒子模型
- 盒子模型概念- 高和宽设置- 边框设置- 内边距设置- 外边距设置- 盒子的计算- 元素显示方式(1) 盒子模型概念盒子模型用来“放”网页中的各种元素内容,如文字、图片等,都可是盒子(DIV嵌套)(2) 宽度设置width: 长度值 | 百分比 | auto最大宽度:max-width: 长度值 | 百分比 | aut原创 2018-01-05 11:18:40 · 216 阅读 · 0 评论 -
CSS 背景与列表
CSS 背景样式- background-color 设置元素的背景颜色- background-image 把图像设置为背景- background-position 设置背景图像的起始位置- background-attachment 背景图像是否固定或者随着页面的其余部分滚动- background-repeat 设置背景图片是否重复以及原创 2018-01-04 10:07:01 · 493 阅读 · 0 评论 -
html 记录
HTML,超文本标记语言。下面记录一下一些标记。 First 以上第一行,表示该文档是html 的文档html 是不区分大小写的。所有内容放在 之间。注释:标题标签: 标题 标题 标题 标题 标题 标题段落标签: 对齐属性左对齐,居中对齐,右对齐,扩展对齐:原创 2017-12-29 11:55:11 · 240 阅读 · 0 评论 -
CSS 文本样式
(1) text-align 属性 - 水平对齐方式 语法: text-align:left 或 right 或 center 或 justify 注:该属性对块集元素设置有效,对行内元素设置无效! 示例: .textalign{width:50%;margin:0 auto;}以上,设置文本的宽度,并居中显示文本(2)v原创 2018-01-03 17:34:29 · 855 阅读 · 0 评论 -
CSS 字体
- 文字 颜色、字体大小、字体、加粗等- 文本 行高、对齐方式、文本装饰文字样式属性:- 字体: font-family- 文字大小: font-size- 文字颜色:color- 文字粗细: font-weight- 文字样式: font-style(1) font-family 字体属性定义元素内文字以什么字体来显示语法:原创 2018-01-03 15:17:21 · 316 阅读 · 0 评论 -
CSS 样式命名规范
1. 采用英文字母、数字以及“-”和“_”命名2. 以小写字母开头,不能以数字和“-”、“_”开头3. 命名形式:一个单词,连字符,下划线和驼峰(除第一个字符外其他单词首字母大写)4. 使用有意义命名注意:- id谨慎使用- 适当使用class原创 2018-01-03 13:55:16 · 1811 阅读 · 0 评论 -
CSS 继承与层叠
CSS 继承即,从父元素那继承部分CSS属性好处:1. 父元素设置样式,子元素可以继承部分属性2. 减少CSS代码注意:当元素本身的样式与继承而来的样式有冲突时,将忽略继承来的样式,如下:- Chrom浏览器默认字体大小是16px- h1 默认字体大小font-size 是2em(正常字体的两倍)- 因此,在chrome中h1字体大小是32pxC原创 2018-01-03 13:38:35 · 430 阅读 · 0 评论 -
CSS 基础知识一
CSS 样式规则CSS样式规则由两部分构成:选择器,声明。选择器 ---> 指定哪个 html 元素进行样式设定声明 ------> 由属性和值构成原创 2018-01-02 16:02:47 · 196 阅读 · 0 评论 -
CSS介绍
CSS层叠样式表(Cascading Style Sheets)用于定义HTML内容在浏览器内的显示样式,目前使用的是CSS2/(PC端一些浏览器支持不够好)CSS3. 在手机端对CSS3比较好,因此在手机端一般都是使用html5+css3.- CSS简化HEML相关标签,使网页体积小,下载块- 解决内容与表现分离的问题- 更好地维护网页,提高工作效率要学习的:- CSS基础语法- CSS使用方法原创 2018-01-02 15:57:58 · 190 阅读 · 0 评论 -
HTML 第四篇
标签标签块级标签和行内标签标签嵌套规则由于,标签布局网页,不易维护与不够灵活。因此,目前网页布局基本使用的是:div + css.标签,是一个区块容器标记,之间是一个容器,可以包含段落、表格、图片等各种HTML元素。标签,没有实际意义,为了应用样式。块级标签: 占据一行,换行(div,ul,ol,li,dl,dt,dd,h1-h6,p,form,原创 2018-01-01 21:28:31 · 202 阅读 · 0 评论 -
HTML表单
表单语法: 表单元素其中,表单元素,可以是:文本域.、单选框、复选框、按钮、列表。表单本身不可见,网页上显示出来的是表单元素。示例: 基础表单 姓名: 密码: 示例: 表单元素 注册信息 姓名原创 2017-12-31 21:45:26 · 166 阅读 · 0 评论 -
CSS 网页布局
一些布局:- 行布局- 多列布局- 圣杯布局- 双飞翼布局会使用到:HTML和CSS基础;会使用DIV + CSS进行排版;熟悉 Float属性、Position属性。(1) 经典的行布局+ 基础的行布局+ 行布局自适应+ 行布局自适应限制最大宽+ 行布局垂直水平居中 .container{ width: 100%; max-w原创 2018-01-09 13:33:10 · 224 阅读 · 0 评论