图片/文字转Base64编码
图片在线压缩[站外]
图片添加圆角
Dreamweaver CSS定位
优化或报错有奖在网页设计应用中，通过CSS定位可以实现页面元素的定位功能。在CSS3中实现页面元素定位的方式有两种，分别是浮动定位和定位属性。在页面制作过程中，可以根据具体情况选择合适的方式。
注意：本章节并不细说CSS的相关知识，如果你想获得关于CSS的相关知识，请访问我们的CSS教程：CSS定位。
一、元素的定位方式
总体来说，元素的定位方式有2大类：1．元素排列，分为：（1）块元素排列；（2）内联元素排列；（3）混合排列。2．浮动属性定位（float):float有auto/left/right三个取值，没有继承性属性。
二、定位属性
1．定位模式
•定位模式即position属性，是一个不可继承的属性。其具体语法格式如下：
position:取值
position:取值具体说明如下：
static:静态；
relative:相对的；
absolute:绝对的；
fixed:固定的
具体操作如下：
新建一个HTML空白页
新建四个CSS规则，选择器类型都是‘类’，
名称分别为aaa/bbb/ccc/ddd,背景颜色分别设置为红、黄、蓝、黑；
宽和高都设置为100和100像素；
‘定位’的位置（position)分别设置为：absolute、fixed、relative、static
插入四个DIV标签，类分别选择aaa/bbb/ccc/ddd
效果如下：
可以看到‘定位’的位置（position)分别设置为：absolute，是可以移动的；
fixed：在浏览器无法显示，具体原因还没弄明白；
relative：变成CSS-P元素；
static：正常显示，
2．边偏移
•CSS边偏移主要包括top、right、bottom和left四个属性。使用上述属性的语法格式如下：
top/right/bottom/left：auto/长度值/百分比值
具体操作如下：
新建HTML空白页
新建CSS规则，分别命名为mmm和nnn,
mmm的定位position选为：static，宽300，高300，上50，右20，背景为红色；
nnn的定位position选为：static，宽100，高100，上50，右20，背景为蓝色；
插入两个DIV，其中一个类为mmm，为外框架，nnn类为嵌套在mmm的DIV之内；效果如下：
这就是利用上下左右的边框距离定位DIV的操作
转载本站内容时，请务必注明来自W3xue，违者必究。
皖公网安备34020702000426号