HTML前端

通配选择器，选择所有*{ }

标签选择器span{ }

.类选择器class类名选择

#id选择器

属性选择器p[class=\"yellow\"][name=\"p1\"]{  }

派生选择器ul li{ }

相邻选择器li+li{ }相邻标签上面也为li的被选中

未访问状态a:link{ }

已访问状态a:visited{ }

悬停状态a：hover{ }

选中状态a:active{ }

锚伪类选择器

选择器

相对于原本的位置进行移动，保留原有的位置，不影响其他div

相对定位position: relative;

寻找父标签有没有position没有的继续往上找，知道找到或者以body为定位

绝对定位position：absolute

浮动就是让元素可以向左或向右移动，直到它的外边距碰到其父级的内边距或者是上一个元素的外边距

浮动清除clear:both

浮动float

定位

为在控制太上输出console.log

为在网页是输出，可以写标签代码document.write

输出

根据id获取标签对象document.getElementById(\"div1\");

根据类名获取标签对象document.getElementsByClassName(\"div2\")[0];

根据名字属性获取标签对象document.getElementsByName(\"div3\")[0];

根据标签名获取标签对象document.getElementsByTagName(\"div\")[0];

获取标签对象

浏览器里的前进于后退

history.back()后退

history.forward()前进

history.go(2)2为前进两页，-2为后退两页

BOM操作

子主题

事件驱动

setTimeout定时器

setInterval循环定时器

定时器

JS

标题标签h1-h6

段落标签p

属性值1为阿拉伯数字，默认为这属性值A/a为答谢/小写英文字母属性值I/i为大写/小写罗马数字

有序列表ol-li

无序列表ul-li

dl父级标签dt一级标签dd二级标签

自定义列表dl-dt-dd

列表

<th>行<td>列，为文本内容<tr>列，内容为标题

border属性为外边框粗细

cellspacing为单元格于单元格的间距

cellpadding为内容于单元格的间距

rowspan行合并--内容会上下居中

colspan列合并--内容不会左右居中

属性

<table border=\"1\" cellspacing=\"0\" cellpadding=\"10\">        <tr>            <th>姓名</th>            <th>性别</th>            <th>年龄</th>            <th>爱好</th>        </tr>        <tr>            <td>陈浩南</td>            <td rowspan=\"2\">男</td>            <td>25</td>            <td>山鸡</td>        </tr>

表格table

div标签

块级标签

1、src=\"\"里面写入路径2、只改变height或width，会按比例缩放

图片标签img

外网时，href=\"https://www.__.com\"需要加上https

1、href=\"#\"表示在本网页点击，没实质作用2、href=\"#anchor\"表示跳到name为anchor的标签上，      而且能跳到的标签只能是a标签

超链接标签a

type = \"text\"为文本输入框

type = \"password\"为加密文本框

type=\"radio\"为单选框，同一个name为统一属性，只能选一个

type=\"checkbox\"为多选框，同一个name为同一属性同一属性课选多个

type=\"submit\"为提交按钮，提交到服务器

type=\"reset\"为重置按钮

type=\"button\"为吴功能按钮，多结合js使用

input

option为其子标签一个option为一个内容

下拉框select

表单form

行级标签

标签

怎么用看文档和自己写的代码吧

https://www.bootcdn.cn官网

Bootstrap框架

Html