Css入门学习笔记01—DIV+CSS

很久很久以前学习html的笔记记录，很随意，但都是自己记录的，希望对需要的人有所帮助。

本文使用word2013编辑并发布

Postbird | There I am , in the world more exciting!

Postbird personal website : http://www.ptbird.cn

 

DIV+CSS（casacding style sheets）

table

缺点：

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

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

3.一个页面可能会有大量的<table>元素 代码会冗余

4.增加带宽

5.搜索引擎不喜欢这样的布局

优点：

1.理解比较简单

2.不同的浏览器的效果一般是一样的

3.显示数据比较好

DIV+CSS

基本思想：数据和样式分离

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

 

CSS入门：

.style1{

/*宽度*/

    width: 400px;

    height: 300px;/*一定要写分号*/

    background-color: silver ;

    border:1px solid red;

    margin-left:100px;

    padding-top:20px;

    padding-left:80px;

    /*margin-bottom : 30px; */

}

引用 css：

<!--引用CSS-->

<link rel="stylesheet" type="text/css" href="url"/>