- A+
一.href="#+id名" 可以快速跳转
如:
href="#two"
id="two"快速跳
二.
div大块 自动换行
span小块 不自动换行
三.
注释标签 ctrl+/
< > <和>
四.表格
表格形式
<table align="center" border=1 cellspacing="0">
表单域 <from>
信息给服务器
<form action="url" method="提交方式" name="表单域名称"> </from>
url 数据提交的后台页面 mathod="GET/POST"
表单控件
1.input 输入表单元素<input type="属性值" name value> 属性值:text password radio(单选按钮) checkbox(多选框) 性别单选必须要有相同的名字name才可以单选 value是提示信息
checked属性,表示打开的时候默认选中 checked="checked" 单选框只能选一个 多选框可以选多个 maxlength 规定最大输入长度 submit提交按钮 reset清楚所有数据
button 按钮属性 不提交属性 一般和js结合 常用于手机验证码短信发送 file属性 文件上传
2.label标签 扩大表单元素范围 光标自动聚焦 for 和 id的值一样 具体用法如下:
<label for="sex">gentle</label>
<input type="radio" name="sex" id="sex"/>
3.下拉表单select option 默认选定:selected="selected"
4.文本域textarea 多行文本输入 <textarea>之间可以默认文本 cols最大列数 rows最大行数 但是实际开发都是css改变大小
五.CSS相关
css标签使用在style标签中 style在head中
选择器 两个声明 属性加键值对 后面一定要加分号
font-size:12px 修改为12像素
类选择器口诀:样式点定义 .后面跟类名 结构类(class)调用 一个或多个开发最常用
背景颜色 background-color
六.选择器
多类名之间必须用空格分开 这样就会把多个样式都加上去
一般将相同的样式放到同一个class 调用共用类 再用独有类 方便修改
id选择器 style里面的id前面加上#号 和class的区别 id选择器只能调用一次 类似于身份证号码
通配符选择器:*表示选取页面中的所有元素(标签)
七.文字
改字体 font-family 开发常用字体:"微软雅黑"/"Microsoft YaHei" 有多个字体逗号隔开看的时候从左往右看是否安装
font-size 文字的大小 默认是16px font-weight 文字的粗细 一般数字表示粗细 基准值为400 font-style 文本风格normal italic
八.Emmet语法
主元素加tab
多个标签用*
父子关系用>
兄弟关系用+
.class名加tab 是class的快速生成 .id名加tab是id快速生成
span.y加tab
排序demo1 demo2 demo3... $ $是自增符号
div{文本}加tab
css的emmet的语法是缩写加tab