博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS常用知识点
阅读量:5281 次
发布时间:2019-06-14

本文共 1133 字,大约阅读时间需要 3 分钟。

块级元素:width宽和height高有效。

内联元素:width宽和height高无效。

1.float:该属性的值指出了对象是否及如何浮动。

none:设置对象不浮动

left:设置对象浮在左边
right:设置对象浮在右边

2.clear:该属性的值指出了不允许有浮动对象的边。

none:允许两边都可以有浮动对象

both:不允许有浮动对象
left:不允许左边有浮动对象
right:不允许右边有浮动对象

    
float和clear的例子

3.position:设置或检索对象是否及如何显示。

static:对象遵循常规流。此时4个定位偏移属性不会被应用。(top,right,bottom,left无效)

relative:对象遵循常规流,并且参照自身在常规流中的位置通过top,right,bottom,left这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。(就是其他元素位置不受影响,但本身发生了偏移)
absolute:对象脱离常规流,此时偏移属性参照的是离自身最近的定位祖先元素(父级元素为relative和absolute),如果没有定位的祖先元素,则一直回溯到body元素。盒子的偏移位置不影响常规流中的任何元素,其margin不与其他任何margin折叠。
fixed:与absolute一致,但偏移定位是以窗口为参考。当出现滚动条时,对象不会随着滚动。

4.line-height

normal:允许内容顶开或溢出指定的容器边界。

<length>:用长度值指定行高。不允许负值。(line-height:32px)
<percentage>:用百分比指定行高,其百分比取值是基于字体的高度尺寸。不允许负值。 (line-height:100%)
<number>:用乘积因子指定行高。不允许负值。(line-height:2)

5.水平居中垂直居中

    
垂直居中
水平居中垂直居中
水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中水平居中垂直居中

 

转载于:https://www.cnblogs.com/lgxlsm/p/5609162.html

你可能感兴趣的文章
Jenkins+ProGet+Windows Batch搭建全自动的内部包(NuGet)打包和推送及管理平台
查看>>
线程池的概念
查看>>
Java 序列化
查看>>
Java 时间处理实例
查看>>
Java 多线程编程
查看>>
Java 数组实例
查看>>
mysql启动过程
查看>>
2017前端面试题总结
查看>>
SWIFT国际资金清算系统
查看>>
站立会议第四天
查看>>
利用AMPScript获取Uber用户数据的访问权限
查看>>
Mysql 数据库操作
查看>>
转:linux终端常用快捷键
查看>>
UVa 11059 最大乘积
查看>>
数组分割问题求两个子数组的和差值的小
查看>>
《深入分析Java Web技术内幕》读书笔记之JVM内存管理
查看>>
161017、SQL必备知识点
查看>>
kill新号专题
查看>>
MVC学习系列——Model验证扩展
查看>>
自定义返回模型
查看>>