分割线(单标签)
图片标签(单标签)
链接标签
加下划线
加删除线
文字倾斜
文字加粗
用来组合文档中的行内元素(行标签)
- 有序列表(必须有
- )
- 无序列表(必须有
- )
(行标签变块标签display:block变完之后叫行内块元素。display:inline-block;)行元素和块元素1.行元素只占它本身2.继承父级属性3.不可以设置宽高1.快标签独占一行2.继承父级属性3.可以设置宽高表格table(定义表格)
天地 | 玄黄 | 混沌 |
水平合并:colspan="1"垂直合并:rowspan="1" 表单from(定义供用户输入的 HTML 表单)input 定义输入控件lable 定义 input 元素的标注姓名:文本框单选按钮多选按钮密码button按钮. value定义按钮的名称(自定义)提交按钮重置按钮上传文件下拉框 我是下拉框的选项1 我是下拉框的选项1文字区域/留言板cols控制textarea的宽 rows控制textarea的宽高placeholder 输入框提示信息required 必填项,如果不填写则无法提交maxlength 定义最大字符数action 提交跳转地址method 传输方式disabled 是否禁用method(传输的方法)="" action=""(跳转地址)readonly 只读name 用于服务器端获取数据selected 下拉框被选中checked="checked"默认选定(可多选) css层叠样式表浮动出现问题解决办法:1.给父级设置宽高2.clear:both 清除浮动Opacity 透明度0-10color 颜色font 字体(不推荐使用)font-color 字体颜色font-size 字体大小font-family 字体类型font-weight 字体粗细font-style:italic 文字倾斜font-style:normal 字体正常line-height 行高text-decoration:line-through 加删除线text-decoration: overline 加顶线text-decoration:underline 加下划线text-decoration:none 删除链接下划线text-transform : capitalize 首字大写text-transform : uppercase 英文大写text-transform : lowercase 英文小写text-align:right 文字右对齐text-align:left 文字左对齐text-align:center 文字居中对齐text-align:justify 文字分散对齐vertical-align属性vertical-align:top 垂直向上对齐vertical-align:bottom 垂直向下对齐vertical-align:middle 垂直居中对齐vertical-align:text-top 文字垂直向上对齐vertical-align:text-bottom 文字垂直向下对齐padding 内边距margin 外边距margin:0 auto 盒子居中list-style:none 去ul中li的黑点url 统一资源定位符text-indent:“10px” 文字段落首行缩进word-spacing:"10px" 字母间距letter-spacing:"10px" 汉字和字母的间距背景图片background-color:red 背景颜色background:transparent 透视背景background-image : url(/image/bg.gif) 背景图片background-repeat : repeat 重复排列-网页默认background-repeat : no-repeat 不重复排列background-repeat : repeat-x 在x轴重复排列background-repeat : repeat-y 在y轴重复排列background-position 背景定位background-position : 90px(%) 90px(%) 背景图片x与y轴的位置background-position : top 向上对齐background-position : buttom 向下对齐background-position : left 向左对齐background-position : right 向右对齐background-position : center 居中对齐