php与div css的关系,php学习笔记之div+css（一） | 醉墨阁

php学习笔记之div+css(一)是小六2016.11.08日所记笔记，因为小六很早就已经学习过了div+css，所以笔记比较简略。

Table的缺点：

1， 显示的样式和数据绑定在一起

2， 布局的时候灵活度不高

3， 一个页面可能会有大量的

4， 增加带宽。

5， 搜索引擎不喜欢表格。

Table的优点：

1， 理解简单

2， 浏览器适应度高

3， 数据显示好

Div+Css是什么？

Div+Css是一种目前比较流行的网页布局技术。

Div是用来存放需要显示的数据(文字、图表……)CSS就是用来指定怎样显示，从而做到数据和显示相互的效果。

我们可以简单的这样理解div+css:

div 是用于存放内容(文字,图片,元素)的容器。

css 是用于指定放在div中的内容如何显示,包括这些内容的位置和外观.

基本原理：

数据要与样式分离。

网页设计的三个时期：

1， 传统的table

2， Table+css

3， Div+css

Css使用的基本语法：

选择器(

属性1：属性值;

属性2：属性值;

……)

Css常用的四种选择器：

1， 类选择器(class选择器)

使用：

.类选择器{

属性名：属性值；

……

}

2， Id选择器

使用：

#Id选择器{属性名：属性值；

……

}

3， Html元素选择器

使用：

某个html元素{

属性名：属性值；

……

}

4， 通配符选择器

可以用在所有html元素上，但其优先级最低。

使用：

*{

属性名：属性值；

……

}

四个选择器的优先级：

Id选择器>class选择器>html选择器>通配符选择器

选择器就是在Css中创建，还可以在php、html、asp、asp.net……中使用。

Css分为内联和外链：

内联：

Html元素{

属性名：属性值；

……

}

外联：

醉墨阁个人博客网站版权所有，转载请注明文章出处。

欢迎关注醉墨阁公众号：zmgblog