表单、框架结构的大概、CSS开头（选择器以及常用属性）

<!--为网页添加图标，写在头部-->

<link rel="shortcut icon" href="favicon.ico（路径）" type="image/x-icon">

表单fieldset

legend定义表单元素的标题

from(供用户输入的表单)

<from action="后台名" method="post/get" enctype="multipart/from-data">

表单元素（或者给用户看的文本提示）：<input type=”” name=””value=””>

</from>

form 属性：action（往何处提交） method(提交方式，默认get，post是隐藏网页链接中的参数值保证安全性)

如果表单想上传文件，必须加属性，enctype="multipart/from-data"

houtai.php?uid=lisi&pwd123456

select(下拉列表选项)

*例如*

<！--数据从传送先传送value中的值，有则传值，无则传空；若无value值则传送标签中的内容-->

民族：<select name="" id="">

<option>汉族</option>

<option value="">回族</option>

<option value="3">满族</option>

</select>

option是提供下拉列表的选项。

selected (默认选中 option中的属性)

multiple选项全部显示；

size=2 显示两个

textarea （文本域）

<textarea name="" id="" cols="30" rows="10"></textarea>

input

表单元素通用格式：<input type="类型" name="" value="">

*type*属性：

text(文本中有name值和value)

password（密码框中同text属性）

hidden（隐藏域）

file（文件）

date（时间日期）

radio（单选按钮，需定义相同的name值实现单选按钮的）

checkbox（复选框，相同的name 值需定义数组传送数据）

*例如*

爱好：<!--aihao 后面加[]变为数组才可以传送过去-->

<input type="checkbox" name="aihao[]" value="zq">足球

<input type="checkbox" name="aihao[]" value="lq">蓝球

<input type="checkbox" name="aihao[]" value="ymq">羽毛球

type中的按钮标签：

button（普通按钮） submit（提交按钮） reset（重置按钮）

<button>提交</button><!--此处的button写在fieldst中则默认为提交按钮，写在外面无意义-->

表单元素：

通用属性：

name 规定的是相同的name是同一组的

value 规定默认值，或者需要传送的参数

文本类型

属性：readonly="readonly" 只读

disabled 不可操作

text（普通文本） password（密码框） hidden（隐藏域）

textarea(多行文本特殊格式)

选择类型:

checked（默认选中，适用于表单各个元素中）

selected (默认选中 option中的属性)

multiple选项全部显示；

size=2 显示两个

radio(单选)checkbox(多选)

select option （下拉 特殊标签）

按钮类型:

button(普通按钮) reset(重置按钮) submit (提交按钮)

其它类型:

flie（文件） date（时间日期） color（颜色）

框架结构

把一个页面引入到当前页面 易维护 扩展 复用 <br>

<!--定义a标签中的target属性，设置iframe的name属性与a中的target属性值相同的名字，框架内可跳转到定义的页面（可以改变iframe 中的src路径)-->

<a href="index.html" target="aa" >跳转</a>

<iframe name="aa" width="" height="" src="http://www.baidu.com" frameborder="1"></iframe>

控制文字的移动（了解，可查文档）

<marquee behavior="" direction="">123</marquee>

behavior属性：srcoll从右至左 slide从右到左停止 alternate两边移动

音视频标签

<video src="" autoplay controls（控制器）></video>

*******CSS********

在哪写？！

1.行内

写在标签里面以属性的形式表现， 属性名style

<b id="aa" style="color: red">加粗</b>

2.内联

写在head标签内，以标签形式表现，标签名style

3.外部引用 .css

写在head内，以标签的形式表现，标签名link

<link rel="stylesheet" href="">

标红处必须写，规定了打开文件的类型。

样式格式：

样式名：样式值；样式名：样式值；

选择器样式：

选择器｛

样式名：样式值；

......

｝

选择器:找标签，把指定样式应用到标签上。

通用选择器：* 所有标签

padding:0px;

margin:0px;

标签选择器：根据标签名来找。

id选择器：根据id的值  #id值

id在当前文件里，是唯一的！！

class选择器：根据class的值  .class值

class可以有多个值，用空格隔开

例如：<div class="d1 d2 public">2

</div>

其它选择器：

并列：两个选择器用一个样式用逗号分隔

选择器1，选择器2｛样式｝

例如：#d1,.d1{

background:#C76567;

}

子类：在选中的标签中加空格

例如：#d1 .pp{

color: white;

}

属性选择器：[选择器 属性名=“属性值”]

.d1[name='uid']

优先级： 就近原则(相同样式，相同选择器)

不同选择器，权值（越大优先级约高）

行内   1000

id     0100

class  0010

标签   0001

通用选择器 0

权值累加

常用属性：

<link rel="stylesheet" href="(引入一个文件)"><!--这里是导入框架，引用框架内的样式-->

html中文件图片路径：从html文件开始找

css中文件图片路径：从css文件开始找

js中文件图片路径：从引入js文件的html文件开始找

背景：

backgtound 颜色 路径 平铺方式 位置

backround-color  颜色 red #000000 rgba

backround-image  图片 路径

backround-repeat 平铺

backround-position  位置

文本：

color

text-align

text-indent

line-height

文本转换

字体：（一般在*选择器中设置）

font-family   微软雅黑（特殊处理）

font-size