html基础
网页=html + css + javascript （框架+样式style+效果）
htlm 网页元素内容
css 控制网页样式（cascading style sheet）
javascript 操作网页内容，实现功能或者效果
文件较大时有专门的css文件和js文件
基本的页面中
UTF-8 国际编码方式
GBK 国内编码方式
style 内置样式标签
script（css） 放在body的最后(1.渲染从上到下 2.在加载js时会阻碍渲染)
当css放在body前面的原因
基本样式和标签
doctype html 说明是html文档
html head body title style script h1-h6 p(段落)
color background-color：#ffffff（白色) rgb{255,255,255} red(颜色的三种表示方法) rgba(255,255,255,0.3(透明度))
meta
搜索引擎定义关键字
<meta name="keywords" content="前端 饥人谷">
网页定义推送内容
<meta name="description（描述内容）" content="饥人谷，最专业的互联网教育">
样式的三种写法和JS的两种写法
（浏览器缺省设置）设置默认样式
css的三中插入方法
1.外部样式表
<link rel="stylesheet" type="text/css" herf="index.css"> (herf里面是文件的路径 引用css 下面的js外部引用用src(resource资源)）
放在head里面（其实放在那里都可以）
@import url{index2.css}另一种样式写入（一般不用）
2.内部样式表（位于标签内部）
<style>
p{
color: red;
font-size:16px;
pading:4px:
border:1px solider black;
}
</style>
3.内联样式（在html元素(段落 )内部）
<p style="color:bule font-size14px">段落</p>
js的两种插入方法
1.内部JS
<script>
alert(1);
console.log(100)（在运行时不会弹出警告框）
console.log(101)
var obj={
name:"hunger"
age:"100"
}
console.log(obj)
alert(obj)
注意alert和console.log的区别
2.外部JS
<script type="text/javascript" src="index.js">
</script>
CSS的一些写法
字体
font-family
color
font-size (px与em的区别 em相对于父元素的大小 rem相对于根节点的大小)根节点不设置大小默认为16px
风格 font-style font-italic斜体 font-nomal正常
粗体 font-weight:bold/*700*/
位置 text-algin:center文本居中(left right justifyify针对文字比较多时靠左自动对齐)
line-hight：2 （200%）行高是它字体本身的2倍 典型应用：文字的垂直居中 （用在按钮中比较多）
text-indent：2em 缩进两个字体宽度
word-wrap:break-word; 强行将一个长的话自动折行
