CSS基本相关内容2
上次我们说了CSS的基本属性,选择器的介绍.本篇文章继续讨论CSS中的相关内容.像我发布文章的博客园上面用的代码就是CSS的内容.
下面我们看看伪选择器的写法.
在某些浏览器下支持为选择器,某些不支持.原因一个是兼容性问题,一个就是头上加没加: !DOCTYPE
需求:
1.没点之前，黑色，没有下划线
2.鼠标悬浮，红色，带下划线
3.激活状态，黄色，没有下划线
4.访问过以后，蓝色，有下划线，粗体。
一、伪选择器
伪选择器演示图
下面有个题看怎么做，
需求：
页面上有两部分超链接，上面的那些链接还是刚才的样式，下面的连接默认红色，鼠标悬浮黑色，点击是蓝色，鼠标移开黄色。
这个时候怎么实现呢？
二、在一个页面上分别使用不同的伪选择器
在一个页面上分别使用不同的伪选择器演示
下面我们看下CSS的三种使用方式：
三、使用CSS的三种方式
四、链入外部样式表
链入外部样式表结果演示
如果我们只想用CSS中的部分样式，我还得连接进整个CSS文件。所以，我们可以写多个CSS文件，每个CSS文件里面包含的内容都比较的少，想用一个就用一个。想用多个，就把它们组合起来使用。
接下来我们看下文档流：
为了演示方便，我们还是把CSS都写在一个页面里面。
五、流布局
我们发现个小问题，我们写好的元素跟浏览器的边框还是有个小距离。为什么会有这个小距离呢？
六、设置元素跟浏览器边框的距离
接下来我们看这么一个问题
七、去除p标签之间的间距
八、绝对定位
position：absolute
九、z-index
十、fixed
Fixed效果演示
position:relative;相对定位
十一、相对定位
下面我们做个在屏幕的右下角弹出一个长方形的广告的效果。
十二、广告效果代码
广告的效果
接下来咱们说下Div+CSS布局：
建议布局的时候，一开始就把！DOCTYPE加上。 就是告诉浏览器这个文档使用什么规范的文档。
以前在金融行业我也写过关于布局的文章。呵呵，挺有意思的。
十三、div+css布局
下面我们提供了一些的资料，大家可以边做，边参看下面的文件。
作者QQ：1329412715
接下来我们看下CSS当中的提高优先级：
十四、设置最高的优先级
@import url(xx.css);
在一个css中，添加对其他css文件的引用。
十五、import url(xx.css)
接下来，咱们再说下：盒子模型。
十六、盒子模型
十七、盒子模型演示
下面我说下框架：
框架用的不是太多，但有的时候会用到。
用到框架的地方，论坛。在一个页面上显示两部分内容，或多部分的内容。
我们自己写个包含各大搜索的框架
十八、框架的基本形式
十九、如果框架是这样子，我们该怎么分
二十、具体的分法
像具体的框架里面的拖拽功能都能具体的设置，下面看下用MSDN怎么找。以frameset为例。
二十一、自学搜索的方法
下面看下点下链接跳到另外个页面的做法：
二十二、点下链接跳到另外个页面
点下链接跳到另外个页面演示
二十三、显示到大窗口上
显示到大窗口上演示
Iframe也是嵌套的框架。
在正常的页面的某个地方去嵌入一个页面。比如，我们经常见到的广告。
二十四、iframe
Iframe演示
作者近期文章列表:
| C#基础教程（完全免费，献给代码爱好者的最好礼物。注：本作者分享自己精心整理的C#基础教程，无任何商业目的。 希望与更多的代码爱好者交流心得，也请高手多多指点！！！） |
|
| 三层 | 三层（一） |
| SQL数据库 ADO.net | 数据库的应用图解一 |
| 数据库的应用详解二 | |
| 面向过程，面向对象中高级 | 面向过程，面向对象的深入理解一 |
| 面向过程，面向对象的深入理解二 | |
| 面向对象的深入理解三 | |
| winform基础 | Winform基础 |
| winform中常用的控件 | |
| 面向过程 | 三种循环的比较 |
| C#中的方法（上） | |
| 我们常见的数组 | |
| 面向对象 | 思想的转变 |
| C#中超级好用的类 | |
| C#中析构函数和命名空间的妙用 | |
| C#中超级好用的字符串 | |
| C#中如何快速处理字符串 | |
| 值类型和引用类型及其它 | |
| ArrayList和HashTable妙用一 | |
| ArrayList和HashTable妙用二 | |
| 文件管理File类 | |
| 多态 | |
| C#中其它一些问题的小节 | |
| GDI+ | 这些年我收集的GDI+代码 |
| 这些年我收集的GDI+代码2 | |
| HTML概述以及CSS | 你不能忽视的HTML语言 |
| 你不能忽视的HTML语言2精编篇 | |
| 你不能忽视的HTML语言3 | |
| CSS基本相关内容--中秋特别奉献 | |
| JavaScript基础 | JavaScript基础一 |
