常用的CSS代码

常用的CSS代码

1.列表
适用场景：相关的一类内容进行展示（或分类）
2.有序列表：ol: order list（父元素）
子级：只能是li
3.无序列表：ul：unorder list
子级：只能是li
ul适用场景：导航
4.定义列表：dl defined list 名词解释
子级：dt和dd
5.设置列表样式的位置：list-style-position
默认值;outside 顺序或者点在padding区域显示
在content区域显示：inside
6.设置列表序号和点的样式：list-style-type
7.表格
祖先级元素：table
table的子元素：thead tbody tfoot
thead tbody tfoot的子元素：tr
tr的子元素：td
注：表头tr的子级是th
单元格合并，colspan=”n”，向右合并列n个单元格，rowspan，向下合并行
8.表单适用场景：注册；登录；搜索
书写格式：
父元素：form
属性action：提交地址
属性method：提交方式（get 默认值/post）
子元素：单行文本输入框 input；多行文本输入框textarea
标签input的type取值：单行文本输入框 text；密码输入框：password；
多选框，，checkbox，单选框，radio
用户选择的时候需要写value
按钮，type的值：submit 提交；reset 重置；button 普通按钮
注：button作为标签名时自带提交功能，元素内容就是按钮上的文字
限制输入的长度，maxlength=“11”
下拉列表
父元素：selection
子元素：optgroup，option
Type的其他值：上传文件：file；颜色：color
文本内容与input关联：在label标签里写文本内容，label的for属性值与input的id值相同即可。
当input被激活时添加样式
激活焦点框
去除默认的蓝色轮廓：outline：none；与border写法类似，不占尺寸，但是只能一次性设置4条边框。
添加value值设置按钮的文本内容。
属性type值为radio，设置被选中，input添加checked属性（默认值，重置恢复成默认值）
设置键值对，用户输入，添加name；用户选择，添加name和value
设置默认值：用户输入，添加value；用户选择，添加checked；下拉列表，添加selected
提示信息：placeholder