HTML笔记
HTML超文本标记语言(HyperText Markup Language)
<html>
<head>
<tiltle>
这是第一个网站
</tiltle>
</head>
<body>
</body>
</html>
CSS(cascading style sheets)层叠样式表
功能：为页面元素提供颜色大小布局等效果的支持
可以设置的样式：
文本样式 图片样式 背景样式 列表与表格样式 布局样式
容器标签
div标签 (块级元素）影响布局
span标签（行级元素）不影响布局
容器设置数据样式的分类
1、行内样式 直接写在标签中，使用style属性 注意 样式也是键值对，使用：分隔，各个样式用；分开 样式语法 样式属性：值
2、内嵌样式 一般页面中使用样式的地方非常多，如果希望通过一个统一的设定，然后让所有具有某个特征的元素都具有该样式，那么就可以使用内嵌样式 语法如下
<style type=”text/css”>
样式 如
P{
Border:1px;
}
</style>
3、外部样式
一般一个页面需要统一的页面风格，可以考虑使用同一个CSS样式，那么可以单独写一个CSS文件，然后使用link标签将其引入到页面中
经典的边框的样式是边框
Bodrder:1px solid red;
使用1个像素宽度的红色实线
实线： solid
虚线：dashed
电线：dotted
样式的优先级
就近原则和专一原则 （HTML是从上之下 从左至右执行）
常用的选择器
基本选择器
ID选择器
#id
{
样式
}
类选择器
.class
{
样式
}
标签选择器
P
{
样式
}
通用选择器
*
{
样式
}
复合选择器
子代选择器
父代>子代
{
样式
}
后代选择器
祖代 后代
{
样式
}
标签类选择器
标签名.类名
{
样式 注意：带有该类样式的标签才能使用该样式，其他的带有该样式的标签不具备该样式
}
组合选择器
选择器，选择器，选择器
{
样式
}
常用样式
文本样式
Font-size:10px;
Font-weight:bold;
Font-family:华文行楷;
Color:#ff0000;
Text-decoration:underline | overline | line-through
Text-align:left |cemter| right
Line- height: 标准行高的倍数|像素
盒子模型
在页面中的所有内容都是盒子
页面上的元素就是盒子堆砌的结果
图片样式
边框与宽度
图片元素是一个行级元素（span）
display样式可以切换元素的块级显示或者行级显示，以及隐藏
Block
Inline
None
背景样式
Backfround-image:url(地址)
Background-repeat:no-repeat | repeat-X |repeat-Y
Background-position:xy坐标|left,center,right,top,bottom,center