CSS图形
- GLORY - 酷壳 - CoolShell.cn下面的示例展示了使用纯CSS制作的各种图形,你可以自由地修改文中的CSS代码. 经测试,IE9, Chrome, FF, Safari都可以正常显示. 五角星形 via Kit MacAllister. 心形 via Nicolas Gallagher. 无穷大 via Nicolas Gallagher.
接触过一段CSS,为简单理解,将CSS说成两步,一步是你做个“记号”,另一步是根据记号设置样式。
网页的内容和样式是分开的。“记号”便是能标识网页中某部分内容的关键字词(选择器),而根据记号设置样式呢,就是按图索骥根据记号设置标识的那部分内容的样式。
这段时间练习的每个CSS小例子,或是用id做记号,或是用name,或是用class,只有有了这些所谓的记号,CSS设定的样式才有用,
总结是这样总结,理解也是这样理解,但学习起来还得按部就班的一步步学习。下面是我对css的学习认识。
一:规定
现在看看css中的那些条条框框吧,在学习之前必须严格遵守的。
1,框模型
框模型规定了处理元素内容,内边距,外边距的方式,有助于帮助我们设计好的看的网页界面。
2,定位
相对定位:跟某一元素之前的位置之间的差距。
绝对定位:跟元素之前的位置没有关系,只跟界面的起始位置有关。
3,浮动
浮动的框可以向左向右移动,直到碰到边缘,或另一个浮动框的边缘。
浮动的框,跟没有浮动的框可以说是没有在一个层次上。浮动起来的在一层,没有浮动的在另一层,最后在一个界面上显示。也就是两层在执行样式的时候独立执行。
二:总结