第三天学习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 

搜索引擎定义关键字

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