本文内容是根据毕晓东老师的视频教程总结而得。
CSS介绍:解决页面显示效果问题。层叠样式表,用来定义网页的现实效果,可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的现实效果功能。简单地说,css将网页内容和显示样式进行分离,提高了显示功能。
那么CSS和HTML是如何在网页代码中结合的呢?
通过四种方式:
例:
<div style="background-color:#06F;color:#FFFFFF">这是一个区域div>
该方式比较灵活,但是对于多个相同标签的同一样式定义比较麻烦,适合局部修改。
例:
<head>
<style type="text/css">
div{
background-color:#06F;
color:#FFFFFF
}
style>
head>
该方式可以对单个页面的样式进行同一设置,但对于局部不够灵活
注意行内样式更优先,即样式的重叠,行内样式会重叠掉