CSS学习的一部分内容

2018-02-19  本文已影响0人  StrawberrySan

本篇是将CSS中的表格,轮廓,定位,浮动的学习进行的总结。完全个人理解,仅供参考。(耶!!!)


CSS表格


CSS表格属性可以帮助我们极大的改善表格的外观。

例如以下示例:

CSS表格示例

其外部样式表为:

外部样式表示例

CSS轮廓


CSS轮廓属性包括6种:

CSS定位-定位


1. CSS定位:

改变元素在在页面上的位置。

2.CSS定位机制:
3.CSS定位属性:

如以下示例(通过Javascript的for循环对position的属性值进行理解):

position示例

其外部样式表为:

外部样式表示例

PS:其动态效果,可以自行尝试就可以看到。(废话!!)


CSS浮动


1.浮动:
float属性可用的值:
2.clear属性:
去掉浮动属性(包括继承来的属性)
clear属性值:

如以下示例:

folat实例示例

其外部样式表:

外部样式表

更多学习到的内容我已经放到了 我的Github中的仓库。更多学习的内容来源是从小甲鱼上学习到的。更多内容将不定期更新~~~~~

上一篇下一篇

猜你喜欢

热点阅读