【css】常用知识点小结
来源:互联网 发布:禹卫书法行书简体 mac 编辑:程序博客网 时间:2024/06/01 23:16
1. 凡是带有inline的元素,都有文字特性。
2. 盒模型可视宽高计算,不算margin,算 padding+boder+content:width|height
3. 定位:position (都配合left|right|top|bottom进行定位)
1).absolute 脱离原来位置进行定位(三维立体,Z轴定位) 相对于最近的有定位的父级进行定位,如果没有,那么相对于文档进行定位 2).relative 保留原来位置进行定位(相对X,Y,Z轴进行定位) 相对于自己原来的位置进行定位 小结:relative作为参照物(不妨碍其他布局),absolute去定位 3).fixed 固定定位
4.广告位居中一般写法:
{ position:fixed; left:50%; top:50%; width:100px; height:100px; margin-left:-50px; margin-top:-50px;}
5. em的计算 em=1*font-size
6. 元素分类
1)行级元素:内容决定元素所占位置,不可以通过css改变宽高
常见行级元素:span strong em a del
2)块级元素:独占一行,可以通过css改变宽高
常见块级元素:div p ul li ol form address
7. 浮动元素及其清除
1)浮动元素产生了浮动流 ----所有产生了浮动流的元素,块级元素看不到他们,产生了bfc的元素和文本类属性(inline)的元素以及文本都能看到浮动元素 2)使用 clear:both 清除浮动流,不影响后续元素
8. margin塌陷 | 合并 - - - 触发父级元素的bfc解决
阅读全文
0 0
- 【css】常用知识点小结
- CSS知识点小结
- css 知识点小结
- CSS知识点小结
- String常用知识点小结
- mysql小结常用知识点
- css常用属性知识点
- css常用小结
- CSS常用样式小结
- html+css 常用的知识点
- 移动端CSS常用小结
- 移动端CSS常用小结
- HTML DOM ——常用知识点小结
- HTML DOM ——常用知识点小结
- RegExp(正则表达式)常用知识点小结
- css布局常用知识点,及注意事项(一)
- CSS清除浮动常用方法小结
- CSS清除浮动常用方法小结
- 数据库时间转换
- 蒟蒻爆炸记:noip2017提高组总结
- Android关于事件冲突的简单解决方案
- c# 中调用EnumChildWindow
- 二级联动
- 【css】常用知识点小结
- 大数据初学者应该知道的知识
- spring Junit单元测试事务管理报错:java.lang.IllegalStateException: Failed to load ApplicationContext解决办法
- 关于ScrollView嵌套RecyclerView时RecyclerView不显示的问题
- CentOS-7.0./linux中安装与配置Tomcat-7的方法
- hdu4046(树状数组)
- 存款问题
- 整理学习的框架(2)--mybatis+spring
- DateTimeHelper扩展类