分帧（frameset）

　　　　　　HTML 框架是划分窗口的技术 就是把一个窗口分隔成多个窗口 每个窗口显示不同的网页内容多用于后台 也叫做分帧

　　　　Frameset

　　　　　　注意 如果你在页面上写frameset了那么就不能出现body

　　　　<frameset></frameset>

　　常用属性:

　　　　Cols  分列单位可以写像素也可以写百分比 之后除上面内容外还可以写*(*代表剩余所有)

  　　　 Rows 分行单位可以写像素也可以写百分比 之后除上面内容外还可以写*(*代表剩余所有)

　　Frameborder  分帧边框 0/1

　　Border 边框粗细

　　Frame 把窗口分成几份就要有对应的几个frame标签出现

　　　　<frame />  

常用属性：

 　　Name  给设置的区域一个名字  用作跳转使用

　　Src 默认的显示页面链接

　　Noresize 不允许调整边框

　　Scrolling  滚动条

　　　　yes 出现滚动条|no 不出现滚动条

CSS简介

　　Cascading Style Sheets 层叠样式表(级联样式表)

　　是一个文本文件，不需要编译 由浏览器直接执行

　　作用是 定义网页外观 如 字体,背景，等。。。

　　可以配合JavaScript做出绚丽的效果

CSS 特点

　　　　精确的定位

　　　　准确的控制页面的任何元素

　　　　精细的控制

　　　　可以做到像素级别的调整

　　　　样式与内容分离

　　　　便于维护，便于重用

使用方法

　　内联

　　　　 写在标签内的style属性中的叫做内联

　　　　　　例如: <p style="color:yellow">祖传牛皮癣,专治老中医</p>

　　内嵌

　　　　写在head标签的style标签中的属性叫做内嵌

　　　　　　例如:

　　　　　　　　<style>

     　　　　　　　　   p{color:red;}

　　　　　　　　</style>

　　外联

　　　　通过外部引入的方式使用

　　　　　　例如:<link rel=”stylesheet” type=”text/css” href=http://www.mamicode.com/”./css.css”/>

基础语法

　　CSS 格式

　　　　选择器

　　　　　　负责圈定范围，要修改的元素集合

　　　　声明

　　　　　　  由属性名和属性值组成，中间用冒号连接(属性名:属性值)，用于设定具体样式

CSS组成

　　由选择器和一个或多个声明组成，多个声明之间用分号

　　　　选择器{属性名:属性值;属性名:属性值;}

CSS 注释

　　Html 注释  <!-- -->

　　样式表里面的注释就一种 /* 这里面是注释内容 */

　　　　　　注释不能嵌套

单位

　　长度单位

　　　　em 倍数 

　　　　　　px: pixel 像素 屏幕上显示的最小单位 用于网页设计。

　　　　　　PPI（DPI）每英寸的像素点 是一个率 表示了 清晰度 精度

　　　　　　Pt 是一个标准的长度单位 1pt=1/72英寸 用于印刷行业

　　　　　　　　公式: px = pt*DPI/72;

　　　　　　cm/mm   厘米/毫米

颜色单位

　　英文名: red green blue 。。。。。

　　十六进制rgb #000000 - #ffffff

　　Rgb

　　　　数字 (0-255) rgb(255,0,0)

　　　　百分比(0-100%) rgb(100%,0%,0%)

URL地址

　　不用引号 url(test.jpg)

　　绝对路径 url(http://www.baidu.com/test.jpg)

　　用单引号 url(‘./test.jpg’)

用双引号url(“./test.jpg”)

选择器

　　HTML选择器

　　　　就是使用html元素作为选择器

　　　　　　例如: p{color:red}

　　ID选择器

　　　　使用id值作为选择器

　　　　使用方式: #id值{声明}

　　　　例如:#duang{color:red;}

　　Class选择器

　　　　使用class值作为选择器

　　　　使用方式:.class值{声明}

　　　　例如:.butingke{color:red}

　　　　注意:不要轻易使用id选择器 请多使用class选择器进行选择！

　　关联选择器

　　　　通过一级一级的向下查找得到唯一使用选择器

　　　　每个选择器之间使用空格隔开

　　　　例如: ul #zhangsan b{color:red}

　　组合选择器

　　　　多个选择器组合在一起中间使用逗号分隔

　　　　例如:p,.pangzi{color:red}

　　伪元素选择器

　　　　:link 未访问链接

　　　　:hover 鼠标移动到链接上时

　　　　:active 鼠标选中的链接

　　　　:visited 已访问的链接

　　　　　　只有a标签有上面四种伪元素内容

　　　　　　除a标签以外的文本标签现在只有两种伪元素内容分别为（hover，active）

　　　　　　选择器的优先级: 关联选择器>id选择器>class选择器>html选择器

　　　　　　排除上面的内容

　　　　　　　　离得越近 优先级越高（就近原则）

如有错误，请指出！ 本人及时纠正！

重温HTML之frameset、css、选择器