CSS基本相关内容

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样式。

 

十三、设置前景色

下面我们设置下层的高度和宽度。

 

十四、设置宽度和高度

下面执行去掉背景颜色，设置边框的操作：

 

十五、如何设置边框

 

十六、边框的简单写法

看下怎么设置四个边框四种样式：

 

十七、设置上下左右各不相同的边框

  如果我们在设置好了之后，一些浏览器显示不出来。原因就是浏览器的兼容性问题。这个时候只能自己想办法去模拟了。

 

十八、在表格中设置边框

插入一个小问题

 

十九、启动服务

 

二十、显示和隐藏

 

 

二十一、当鼠标移入变换图标