十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
float,css的一种属性,主要属性值为:left(左浮动)、none(不浮动)、right(右浮动)、inherit(继承父元素浮动),多用于网页排版。
成都创新互联公司是一家专注于成都网站制作、成都网站建设与策划设计,广南网站建设哪家好?成都创新互联公司做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:广南等地区。广南做网站价格咨询:18980820575
float属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
扩展资料
CSS属性
1、整数和实数
在CSS中只能使用浮点小数,而不能像其他编程语言那样使用科学记数法表示实数,即1.2E3在CSS中将是不合法的。下面是几个正确的例子,整数:128、-313,实数:12.20、1415、-12.03。
2、长度量
相对长度单位有:em——当前字体的高度,也就是font.size属性的值;ex——当前字体中小写字母x的高度;Dx——一个像素的长度,其实际的长度由显示器的设置决定,比如在800木600的设置下,一个像素的长度就等于屏幕的宽度除以800。
3、百分数量(percentages)
百分数量就是数字加上百分号。显然,百分数量总是相对的,所以和相对长度量一样,百分数量不被子级元素继承。
参考资料来源:百度百科-CSS
参考资料来源:百度百科-FLOAT
css属性有:字体属性(font)、背景属性(background)、区块属性(block)、方框属性(box)、边框属性(border)、列表属性(list-style)、定位属性(position)等。
所有元素可继承:
内联样式:
块状样式:
列表样式:
表格样式:
css缩写的主要规则如下:
margin/padding
通常写法,会遇到以下三种情况
margin-top:1px;
margin-right:10px;
margin-bottom:5px;
margin-left:20px;
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
margin-left:5px;
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
margin-left:5px;
那么我们进行CSS缩写后会让你目惊口呆的效果.如下
margin:1px
10px
5px
20px;
margin:5px;
margin:0
10px
5px;
书写顺序是
margin:上
右
下
左
,
在CSS中.值为0的时候可以将单位省略不写就像第三种写法一样.
其中padding和margin基本是一样的写法
怎么样.是不是大吃一惊.是的.CSS缩写就是这样做到的.
border
通常写法:
border-width:1px;
border-style:solid;
border-color:#000;
缩写后:
border:1px
solid
#000;
书写顺序:border:宽度
边框线种类
颜色;
Background
通常写法:
background-image:url(bg.png);
background-color:#00f;
background-repeat:no-repeat;
background-position:0
0;
缩写后:
background:url(bg.png)
#00f
no-repeat
0;
书写顺序:background:背景图片
颜色
重复类型
定位;
background:image
color
repeat
position;
Font
通常写法:
font-family:"宋体";
font-size:2em;
line-height:180%;
font-weight:800;
缩写后:
font:800
2em/180%
"宋体";
书写顺序:font:加粗
字体大小/行高
字体;
在使用Font缩写时至少要有
字体大小和字体这两项
font:字体大小
字体;
Color
通常写法:
color:#000000;
color:#001188;
缩写后:
color:#000;
color:#018;
16进制的色彩值时,如果每两位的值相同,可以缩写一个
initial
initial 关键字用于设置 CSS 属性为它的默认值,可作用于任何 CSS 样式。
inherit
每一个 CSS 属性都有一个特性就是,这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inherited: no)其中之一,我们可以在 MDN 上通过这个索引查找,判断一个属性的是否继承特性。
unset
名如其意,unset 关键字我们可以简单理解为不设置。其实,它是关键字 initial 和 inherit 的组合