电脑，浏览器
Dreamweaver
1、初学CSS，几个重要的概念必须知道①块级元素（block level element）与内联元素（inline element 有的人也叫它行内元素）②盒模型③position（元素定位）④float（元素漂移）
2、块级元素与内联元素：①块级元素会独占一行（即无法与其他元素显示在同一行内，除非你显示修改元素的 display 属性），而内联元素则都会在一行内显示。②常见块级元素：div，p，h1等。②块级元素可以设置 width、height 属性，而内联元素设置无效。③块级元素的 width 默认为 100%，而内联元素则是根据其自身的内容或子元素来决定其宽度。
3、盒模型：页面上显示的每个元素（包括内联元素）都可以看作一个盒子，即盒模型( box model )①盒模型由 4 部分组成。从内到外分别是：content -> padding -> border -> margin②盒模型CSS代码：.example { width: 200px; padding: 10px; border: 5px solid #000; margin: 20px;}
4、元素定位（position）：position 这个属性决定了元素将如何定位。position的五种定位如图：
5、元素漂移浮动（float）：把元素浮动，它的取值一共有四个（left right none inherit）如图：
根据以上相关元素及属性概念，下面具体演习以下效果。
①html文件关联样式表CSS文件：
②DIV元素以及float，盒模型样式，如图。
③定位CSS样式代码：如图。
⑤小编提示：技术，需要沉淀；经验需要积累。网页设计是一门学问，需要长久坚持学习！
新手学到了吗？更多建站知识，程序设计，关注分享！
记得点赞哟，给别人肯定就是给自己肯定！