CSS基本相关内容
一、新建HTML页1
二、新建HTML页2
三、在浏览器中查看
四、网页显示介绍
http://localhost:33218/Desktop2/01.htm 中33218为端口号，如http://baidu.com.cn 的默认端口号为80就不显示了。
还有一个问题，我们用VS建的网页，默认的编码都是UTF-8的编码，浏览器会自动识别，所以不乱码。
还有一些小的使用时需要注意的地方
五、修改默认浏览器
六、设计模式
下面我们来看看: Div层（什么都可以放）、Span(文本)
这两个标签就是画个圈把某部分圈起来.
我们来看下面案例
七、div与span
八、让两个代码互换
九、改变span和div的长和宽
Div在网页布局中使用非常多。在前几年我们对div还不是特别的熟的时候，我们用表格来布局。但是现在不这么做了，会产生大量的垃圾代码，这些表格我们是隐藏的，不会显示给用户看。
十、HTML中的元素的查询
下面我们说说CSS：
CSS是用来干什么的呢?
CSS（层叠样式表，Cascading Style Sheets）是用来美化页面用的，可以对页面元素进行更精细的设置，样式主要描述元素的字体颜色、背景颜色、边框等。
如:QQ空间里面的换肤功能。
使用CSS的好处：
外观美化 布局、定位
样式表能实现内容与样式的分离，方便团队开发
方便统一定义格式,修改也方便.
HTML标签的外观样式比较单一
页面色彩不生动
样式修改不方便
样式表的作用：为网页设置外观，相当于华丽的衣服。
下面我们介绍CSS常用的一些个属性：
具体的内容，我们可以查看一下关于CSS的资料。
十一、学会查看CSS相关电子书
当然，我们这里演示的时候还是把CSS文件和HTML代码写在一起。
十二、在层里面设置的CSS样式。
十三、设置前景色
下面我们设置下层的高度和宽度。
十四、设置宽度和高度
下面执行去掉背景颜色，设置边框的操作：
十五、如何设置边框
十六、边框的简单写法
看下怎么设置四个边框四种样式：
十七、设置上下左右各不相同的边框
如果我们在设置好了之后，一些浏览器显示不出来。原因就是浏览器的兼容性问题。这个时候只能自己想办法去模拟了。
十八、在表格中设置边框
插入一个小问题
十九、启动服务
二十、显示和隐藏
二十一、当鼠标移入变换图标
接下来是跟列标有关的
二十二、列标的不同显示
二十三、margin的设置
margin:值1; //上右下左都是 值1。
margin:值1 值2; //上下为值1，左右为值2.
margin:值1 值2 值3; //上为值1 左右为值2 下为值3;
margin:值1 值2 值3 值4; //每个值分别是：上 右 下 左;(顺时针方向)
接下来咱们说下:样式选择器
刚才我们说了很多的样式，但是都直接写在标签里面了。这些样式只能应用于当前的标签，如果再来一个div，我就得再写一遍。下面我们让body里面都是html元素，先把css提炼到head，title标签里面。看我怎么提炼。
二十四、撤掉HTML中的所有CSS及分页拖拉按钮
即便我们上面写了边框的样式，它怎么知道的我是给下面的哪个层呢？这个时候我们就用到了选择器，告诉CSS下面哪个元素利用的它。
第一种选择器:标签选择器。
二十五、1.标签选择器
二十六、设置表格的标签选择器
第二种选择器：Id选择器
二十七、Id选择器
这里注意，id的名字不能重复。如果重复的话，会造成意想不到的效果。
需求：
有个样式，在div上可能用它；table的td上可能用它；span也可能用到它；button里面也要用到它。这个样式可能被页面上多种不同的元素所使用。Id选择器能搞定，代码得写很多回很不爽。用下面介绍的类选择器。
第三种选择器：类选择器
二十八、类选择器
二十九、同时引用两个样式
CSS选择器的优先级：Id选择器>类选择器>标签选择器
记法：越具体优先级越高。
当遇到style时就都不行了。
CSS高于HTML标签。
第四种选择器:标签+class选择器
三十、标签加类选择器
再介绍其它的一些选择器，包含选择器：
三十一、层选择器
三十二、在标签选择器中加层选择器
组合选择器，同时为多个标签设定一个样式
H1,H2,input{background-color:Green}
<h1>nihao</h1>
<input type="text" value="test" />
(*)其他CSS选择器：div > p(子选择器)、div + p（相邻选择器）、…。IE7以下不支持。在jQuery中还会学习。
作者近期文章列表:
| C#中级进阶教程（完全免费，献给代码爱好者的最好礼物。注：本作者分享自己精心整理的C#中级进阶教程，无任何商业目的。希望与更多的代码爱好者交流心得，也请高手多多指点！！！） | |
| ASP.net项目 | 图书商城项目总论 |
| 三层及其它内容 | 递归 |
| 三层（一） | |
| 三层相关案例（及常见的错误） | |
| 三层实例（内涵Sql CRUD） | |
| 手写代码生成器 | |
| SQL数据库 ADO.net | 数据库的应用图解一 |
| 数据库的应用详解二 | |
| ADO.NET（内涵效率问题） | |
| ADO.NET实例教学一 | |
| ADO.NET实例教学二 | |
| 数据库的应用详解三 | |
| ADO.NET（内含存储过程讲解） | |
| 面向过程，面向对象中高级 | 面向过程，面向对象的深入理解一 |
| 面向过程，面向对象的深入理解二 | |
| 面向对象的深入理解三 | |
| 无处不在的XML | |
| 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 | |
| html-综合篇 | |
| CSS基本相关内容--中秋特别奉献 | |
| CSS基本相关内容2 | |
| JavaScript基础 | JavaScript基础一 |
| javascript基础二JavaScript DOM编程 | |
| jQuery | jQuery(内涵: jquery选择器) |
| jquery实例教学一 | |
