根据W3C定义，HTML全程hypertext markup language
用于定义文档的内容结构 中文全程：超文本标记语言
根据W3C定义，CSS全程cascading style sheets 页面表现的基础，可以控制布局，控制元素的渲染 用于定义HTML文档的样式（外观） 中文全程：层叠样式表
根据W3C定义： HTML:用于定义文档的内容结构 CSS:用于定义HTML文档的样式（外观）
自动换行：alt+z <!-- 注释 --> 快捷键ctrl+？
HTML元素是HTML文档的重要组成部分，一个HTML文档由大量元素组成 HTML中所有的内容结构，都是靠元素组织到页面中
空元素:没有元素内容和结束标记 <标记名 属性>
<标记名 属性 />
元素的层次结构： 前提：要有元素的嵌套 如果A元素包含B A为B的父元素 B为A的子元素 如果两个元素有同一个父元素 他们互为兄弟元素 如果A直接或间接包含B A是B的祖先元素 B是A的后代元素
document文档 type类型
meta keywords="F76"关键字
meta discription=“”描述内容
title标识文档标题
meta页面相关的附加信息，这是一个空元素
绝对路径：当网站部署到服务器后，网站中所有的资源都可以通过一个地址（路径）访问该地址
的书写格式为：协议：//域名//目录 http：//www.google.com/
适用场景：访问站外资源时,只能使用绝对路径
访问站内资源时，网站已部署到服务器，可以使用绝对路径，并可以省略协议和域名
相对路径：是相对于当前资源的位置，只能用于访问站内资源相对路径的书写格式为：./路径
./当前位置，必须作为相对路径的开始，可省略
../返回上一级
书写格式：
href="tel:电话号码''
href="mailto:邮箱地址''
乱序铭文
书写格式：lorem单词个数
emmet插件
div*10>lorem100
批量生成元素内容
书写格式1：元素名称>lorem个数
案例：div*3>lorem3
书写格式2：元素名称(相同元素内容)
div*3>lorem
书写格式3：元素名称{有序的元素内容}
案例：div*3{lovo$}
a超链接
href="跳转（目标）页面的地址"
target="跳转页面打开方式"
取值：_self当前页面打开（默认值）
_blank新页面打开
锚点
<a href="目标">内容</a>
<h1 id="maodian">内容1</h1>
<a href="#maodian">跳转到内容1</a>
<a href="#">返回页面顶部</a>外部引用样式表
<link rel="stylesheet" href="">引用内部样式表，内联样式表
<head>
<style>div{color:red;}</style>
</head>行内样式表、内嵌样式表
<div style="color:red">123</div>快捷键：ctrl+d 批量修改
CSS 规则 : 选择器 声明块 h1 ｛color:red；｝ 属性名 属性值 选择器：选中页面上的0到多个元素 声明块：对选中的元素应用样式
color：字体颜色 background-color：背景颜色 font-size：文字大小 不能取奇数，不能小于12px；
font-weight：bold；字体加粗
width：宽度 height：高度 text-align：left right center 内容对齐方式
元素选择器
格式：元素名（标签名、标记名） { 声明块 } 选中页面上所有与该标记名相匹配的元素，并应用样式。
类选择器
格式：.类名 { 声明块 } 选中与该类名相匹配的元素，并应用样式 类名就是 class 属性的属性值
规范： a、英文的小点开始，后面是跟的字母 b、可以添加符号“-”、“_” c、大小写很敏感 d、尽量做到见名知意
后代选择器
祖先元素 后代元素{声明块}
并集: ，
同时选择多个选择器的内容
strong,em,p{
color: rgb(183, 0, 255);
}
层次选择器
子级选择器 格式：父元素>子元素｛声明块｝ 只能一层一层的选
后代选择器
格式：祖先元素+空格+后代元素｛声明块｝
兄弟选择器
格式：兄弟元素A+~+兄弟元素B｛声明块｝
1旁边波浪线
满足A后的元素B（紧跟后面的元素ÿ
最低0.47元/天 解锁文章
500
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
