文件标签:构成html最基本的标签
html:html文档的根标签
head:头标签。用于指定html文档的一些属性。引入外部的资源
title:标题标签。
body:体标签
<!DOCTYPE html>:html5中定义该文档是html文档
文本标签:和文本有关的标签
注释:<!-- 注释内容 -->
<h1> to <h6>:标题标签
h1~h6:字体大小逐渐递减
<p>:段落标签
<br>:换行标签
<hr > :展示一条水平线
属性:
color:颜色 width:宽度 size:高度
align:对其方式
center:居中left:左对齐 right:右对齐
<b>:字体加粗
<i>:字体斜体
<font>:字体标签
<center>:文本居中
属性: color:颜色 size:大小 face:字体
有序列表: ol: li:
无序列表: ul: li:
有三种方式
disc 实心圆
square 方形
circle 空心圆
表格定义 cellpadding:定义内容和单元格的距离
cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条。
CSS <link rel="stylesheet" href="css/a.css">引入外部SCC样式
扩展选择器:
1. 选择所有元素:
语法: {} div{}
2. 并集选择器:
选择器1,选择器2{} div,p{
3. 子选择器:筛选选择器1元素下的选择器2元素
语法: 选择器1 选择器2{} div p{}
4. 父选择器:筛选选择器2的父元素选择器1
语法: 选择器1 > 选择器2{}
5. 属性选择器:选择元素名称,属性名=属性值的元素
语法: 元素名称[属性名="属性值"]{}
6. 伪类选择器:选择一些元素具有的状态
语法: 元素:状态{}
如: <a>
状态:
link:初始化的状态
visited:被访问过的状态
active:正在访问状态
hover:鼠标悬浮状态
盒子模型:控制布局
margin:外边距padding:内边距box-sizing: border-box 固定边框
margin: auto/让div水平居中/ /设置边框圆角/ border-radius: 5px;
JS 定义<script src="js/aa.js">,通过src属性引入外部的js文件
原始数据类型(基本数据类型):
1. number:数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
2. string:字符串。 字符串 "abc" "a" 'abc'
3. boolean: true和false
4. null:一个对象为空的占位符
5. undefined:未定义。如果一个变量没有给初始化值,则会被默认赋值为undefined
逻辑运算符 && || ! 其他类型转boolean:
1. number:0或NaN为假,其他为真
2. string:除了空字符串(""),其他都是true
3. null&undefined:都是false
4. 对象:所有对象都为true
RegExp:正则表达式对象
1. 正则表达式:定义字符串的组成规则。
1. 单个字符:[]
如: [a] [ab] [a-zA-Z0-9_]
特殊符号代表特殊含义的单个字符:
\d:单个数字字符 [0-9]
\w:单个单词字符[a-zA-Z0-9_]
2. 量词符号:
?:表示出现0次或1次
*:表示出现0次或多次
+:出现1次或多次
{m,n}:表示 m<= 数量 <= n
m如果缺省: {,n}:最多n次
n如果缺省:{m,} 最少m次
3. 开始结束符号
^:开始
$:结束
|
|