第三天学习html

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 

搜索引擎定义关键字

网页定义推送内容

样式的三种写法和JS的两种写法

（浏览器缺省设置）设置默认样式

css的三中插入方法

1.外部样式表

   (herf里面是文件的路径 引用css 下面的js外部引用用src(resource资源)）

放在head里面（其实放在那里都可以）

@import url{index2.css}另一种样式写入（一般不用）

2.内部样式表（位于标签内部）

3.内联样式（在html元素(段落 )内部）

段落

js的两种插入方法

1.内部JS

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; 强行将一个长的话自动折行