【无标题】

表格

table可以加的属性有border边框width宽度，height高度（tbody且他的值时底线，可以比他高不能低）cellspacing空隙大小

thead能加的属性height高度，align改变水平居中方式=“center”中间居中改变垂直居中方式=“middle”居中

tbody能加的属性height、align、valign

tfoot能加的属性height、align、valign

troot(tr)height、align、valign

<td rowspan="2">合并两行

<td colspan="5">合并五列

 详情标签

details

<details><summary>优质青年</summary>womendoushi</details>

## 指数标签

让本不可以tab遍历获取焦点的元素可以获取，可以为负数、0、正数

<input type="text">                    

<a href="#">qubaidu</a>

<div>woshi</div>

<div tabindex="1">woshi2</div>

表单

按钮<button>按钮</button>

所有表版都要有name=""如果要在百度搜索就要在name里面打上wd

name时必有属性

action将数据交给某处处理提交到自己的页面action="#"

method:提交方式

value:值

表单的基本结构

eg：<form action="https://baidu.com/s">

   <input type="text" name="wd">

<button>tijiao</button>

</form>

文本框内加maxlength=是限制长度

密码框 password

<input type="password" name="pwd">

行内块元素

单选  radio  gander区分为一组

<input type="radio" name="gander" value=男>男

<input type="radio" name="gander" value=女>女

男女单选

多选 checkbox 在里面加checked默认选中

<input type="checkbox" name="food"> 好吃的

<input type="checkbox" name="food">不好吃的

<input type="checkbox" name="food">还行的

在这三个里面多选

隐藏域 hidden

<input type="hidden" name="hid" value="hodfho">会显示value的值

提交按钮

<input type="submit" >不用写name

重置按钮 reset

<input type="reset">

普通按钮

<input type="button">点了没有意义要配合js用

文本域

<textarea cols="20" row="20"> </textarea>

下拉菜单

<select name="jiguan" id="">
    <option value="南京">南京</opention>
    <option value="泰兴">泰兴</opention>
    <option value="扬州">扬州</opention>
</select>
 

html全局属性

id身份证号，在一个页面只能出现一次

<div id="one">dv</div>

class一类

<div class="pink">wdbiacb</div>

accesskey设置快捷键

<form actionn="#">
    <input type="text" name="a" id="">
    <button accesskey="s"></button>
</form>

 CSS

CSS的三种引用方式

<ol>
<li>内部样式，在head里面用style样式如何要定义类，只对定义一样的类有用</li>
<li>行内样式，在div后面加style="width;………………"(不推荐)</li>
<li>创建.css文件用link标签引入<link rel="stylesheet" herf="建立的.css文件">(推荐)</li></ol>

CSS基本结构

选择器

{

属性名：属性值

属性名：属性值

}

基本选择器

 标签选择器

如果选p标签就在head里面

<style>
    p{
        color：red
}
</style>

这是选中所有的p标签改成红色 可以用

id选择器

#box1{

  color:pink

}

对id时box1的进行选择

类选择器

.box2{

color：blue

}

对类为box2的进行选择改成蓝色

通配符选择器

*{

}

对所有进行选择
上述全是在head中的style标签定义

包含选择器

子代选择器
选中亲生儿子

后代选择器

复合选择器

使用逗号隔开

属性选择器

属性加[目标属性]‘

div[id]{
shoidhufknn;
}
input[type^="te"]{

}
^查找开头为te的
$结尾找te结尾的
*包含找包含te的

#### 结构选择器

## 字体
### 改变字体大小
font-size：**px；
### 字体粗细
font-weight：bold加粗或者加数字100-900 400等价于normal 800对于加粗逐级加粗
### 字体倾斜
font-style：Italic；
font-family:"自己输入"
### 可以合并
font：italic 900 70px“自己输入的字体”（italic 900 可省略，字体大小，font-family必须存在
**首行缩进text-indext：2em 首航缩进两个字符**