欢迎来到天天文库
浏览记录
ID：48744997
大小：105.50 KB
页数：33页
时间：2020-01-21
《网页设计课件css基础.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、第13章CSS基础网页设计与制作CascadingStyleSheet层叠样式表网页包括的内容和样式。CSS就是让内容和样式分离开来，HTML只控制网页的内容，内容的样式由CSS来控制。CSS的优点可以更加精细的控制网页的内容。比HTML更加丰富。便于重用、修改基于Web标准的网页设计方法的设计基础CSS样式的优点：只修改一个.css文件就可以改变页数不定的外观和格式（避免了一个一个网页的修改，大大减少了重复劳动的工作量。）可以“随心所欲”地控制页面布局和外观；在所有浏览器和平台之间具有较好的兼容性；精简网页，提高下载速度（简化了网页的格式代码，外部
2、的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量（因为重复设置的格式将被只保存一次）。一、CSS分类CSS按其位置可以分成三种：内嵌样式(InlineStyle)内部样式表(InternalStyleSheet)外部样式表(ExternalStyleSheet)1、内嵌样式(InlineStyle)InlineStyle是写在Tag里面的。内嵌样式只对所在的Tag有效。这个Style定义里面的文字是20px字体，字体颜色是红色。
3、表(InternalStyleSheet)内部样式表是写在HTML的
4、ly:楷体;color:yellow}h2{font-family:黑体;color:blue}
5、ass="s1">应用了s1样式,绿色，字体大小57px
6、的时候，import把CSS文件的内容复制到HTML文件中，link直接向CSS文件读取所定义的CSS样式。小的CSS文件采用import，大的文件采用link，在实际应用中，CSS文件一般很小，两种方法差别很小。使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：样式代码可以复用。一个外部CSS文件，可以被很多网页共用。便于修改。如果要修改样式，只需要修改CSS文件，而不需要修改每个网页。提高网页显示的速度。（外部的样式表会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量（因
7、为重复设置的格式将被只保存一次）。二、层叠(Cascading)CSS第一个字母，是Cascading，意为层叠。它是指不同来源的样式(Styles)可以合在一起，形成一种样式。Cascading的顺序是：内嵌样式表(InlineStyle)(优先级最高)内部样式表(InternalStyleSheet)外部样式表(ExtenalStyleSheet)importlink浏览器缺省(browserdefault)(优先级最低)三、基本语法一个样式(Style)的语法由三部分构成：Selector(选择符)，属性(Property)，属性值(Value
8、)。selector{property:value；property:value；}
此文档下载收益归作者所有
