CSS简介
CSS是级联样式表(Cascading Style Sheets)。
CSS是一种标准样式表语言,用于描述网页的样式(如:布局和格式)。
CSS没有出现之前,html标签所有属性都直接写在标签上
如:字体颜色、大小、对齐方式、边框大小等
CSS样式表引入之后,我们可以将样式信息写入到CSS文件中,则可以和html文档进行很好的关联
CSS功能大全
1.定义一个规则,并应用到一个元素或多个元素或不应用到任何元素上
2.定义一个规则,控制网站多个页面的样式
3.设置不同设备显示不同样式,如:手机和PC上显示不同的版式
4.设置元素在鼠标作用上不同的样式,如:鼠标放上时--颜色发生变化
5.设置html元素是否显示,如:display,visible属性
6.设置元素缩放、旋转、倾斜等效果
7.设置元素动画和过渡效果(当然你也可以借助js实现这些炫酷的效果)
其实javascript的本质也是修改元素的样式信息
CSS的优点
使用CSS优点:
1.样式布局和文档内容分开,降低耦合
便于开发,便于维护
(如:网页主题更换,只需编写CSS文件即可)
2.一次定义样式,处处使用
如:定义一个背景颜色,可在整个网站或整个网站群中使用
3.加快网页加载速度
如:第一次下载了CSS文件后,访问本网站的下一个网站,无需下载CSS
可节省访问时间
4.可针对不同的设备编写不同的CSS代码,使用网页可适配任意终端
本教程是笔者自己学习的同时,制作的一份读书笔记
方便以后学习备查
此处记载的内容为CSS的基础知识库
包含大量笔者亲自实验的CSS样例代码