HTML表单标签、css

HTML表单标签

<form></form>

method:请求方式，分为post&get

post相较于get请求比较安全，post请求不会把传参显示到浏览器上，get请求会把传参显示出来

action：表单提交的位置

单选框

<input type="radio">

复选框

<input type="checkbox">

文本框

<textarea></textarea>

下拉框

<select>

<option></option>

</select>

隐藏域

<input type="hidden">

checked:选中

selected：下拉框选中

readonly：只读

HTML标签分类

1.块级标签：独占一行，可设置高度和宽度p、h、div

2.行内标签：不会独占一行，不可设置高度和宽度span、a

3.行内块标签：不会独占一行，可设置高度和宽度input、img

HTML框架

<frameset>

<frame>

</frameset>

css介绍

css是层叠样式表（Cascading Style Sheets），表现文件样式的计算机语言

css构成

{属性名：属性值；属性名2：属性值2；}

css引入方式

1.行内样式：只作用于当前行

2.内部样式：只作用于当前页面

3.外部样式：作用于整个项目

优先级：就近原则，离标签近的优先生效

css选择器

1.标签选择器：作用所有的相同标签

2.id选择器：类似人的身份证号，唯一

3.class选择器：类似于人的名字，可重复

4.后代选择器：以空格隔开

5.群组选择器：多个选择器以逗号隔开

6.通配符选择器：作用当前页面

优先级：id选择器>class选择器>后代选择器>群组选择器>标签选择器>通配符选择器

css常用属性

字体样式：

font-weight：字体粗细

font-size：字体大小

font-family:字体

font-style：字体样式

color：字体颜色

文本样式

background-color：背景色

text-indent：缩进

text-shadow：阴影 向右偏移的长度 向下偏移的长度 阴影的颜色

border：边框

width：宽度

height：高度

border-radius：边框变圆角

line-height：行高

letter-spacing：字符间距

text-decoration：修饰文本

text-transform：改变文字大小写

列表样式

list-style-type：列表标志的类型

list-style-image：标志替换图片

list-style-position：设置标志的位置

其他常用的属性

style="background-image：url（路径）；"