Html结构: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title></title> </head> <body> </body> </html>
一、标签
(1)单标签:
DOCTYPE:DOC-document文档,TYPE-类型,文档类型,作用:告诉浏览器以什么 方式打开文本。
meta:设置,charset编码,utf-8中文编码
(2)双标签:(开始标签-结束标签)
html:根元素,最外层的容器,祖先元素
head:头部标签
title:标题标签
(3)标签分类:
1.块级元素:div,默认占父元素整行
2.行内块元素:button,默认不占整行,内容宽;可设宽
3.行内元素:b,默认不占整行,内容宽;宽不可设
(4)属性
font-size:字体大小px
font-weight:字体厚度,加粗bolder
(5)css引入方式:
1.行内样式:写到标签里,style属性引出,属性跟到引号里
2.内部样式:head标签里面加上style标签
3.外部样式:链接式、导入式
(6)属性:
color:文字颜色
font-size:字体大小,单位px
font-weight:字体厚度,bold和bolder都是加粗,效果一样
二、三个模块:
<1>html:结构;
<2>css:样式;
<3>javaScript:行为
http://www.cnblogs.com/lizeren/p/Sugar_lizeren.html
margin:外边距
padding.:内边距
float:浮动·
top:顶部,上边
left:左边
right:右边
down:下边,底部
position:定位
absolute:绝对定位
<head> 定义了文档的信息
<title> 定义了文档的标题
<base> 定义了页面链接标签的默认链接地址
<link> 定义了一个文档和外部资源之间的关系
<meta> 定义了HTML文档中的元数据
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件