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