正在加载图片...
义。常用的网站CSS文件规划的方法如下所示。 (1)基于原型 基于原型页面进行CSS文件的构件是最为常用的策略。通常共享 的CSS放到主样式文件,每个页面都载入,各子页面的样式文件单独 存放,在需要时载入。 (2)基于页面元素或模块 对于基本的元素,例如 header、body、nav、1ink等元素的定义, 放到主样式文件。例如 aside、 article、 address等元素的定义,分 别单独定义样式文件。 (3)基于标记 基于标记的规划是最为常见的方法。例如网站中所有的内容列表 网站版权、导航、Logo等,定义到主样式文件中。例如表单、搜索 内容推荐等,分别定义样式文件,在需要时再进行载入。 总之,并没有规定的CSS文件的规划方法,在具体的应用中,要 根据网站的实际,为样式文件创建专门的目录,并规划样式文件的定 义。要尽量保障样式文件的重用,又不要让所有的页面过多的载入不 需要的样式定义,从而造成网络流量的浪费和响应时间的降低。 五、案例:图像边框 案例: 示例10-4:图像边框 <!doctype html> <html> <meta charset="utf-8> <tte>图像边框</ttle <style type="text/css"> div i border-image-width: 10px border-image: url(images/Border-Bg-imgs. jpg)repeat repeat </style> 11网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ts5 Lxueweb.cn11 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 义。常用的网站 CSS 文件规划的方法如下所示。 （1）基于原型 基于原型页面进行 CSS 文件的构件是最为常用的策略。通常共享 的 CSS 放到主样式文件，每个页面都载入，各子页面的样式文件单独 存放，在需要时载入。 （2）基于页面元素或模块 对于基本的元素，例如 header、body、nav、link 等元素的定义， 放到主样式文件。例如 aside、article、address 等元素的定义，分 别单独定义样式文件。 （3）基于标记 基于标记的规划是最为常见的方法。例如网站中所有的内容列表、 网站版权、导航、Logo 等，定义到主样式文件中。例如表单、搜索、 内容推荐等，分别定义样式文件，在需要时再进行载入。 总之，并没有规定的 CSS 文件的规划方法，在具体的应用中，要 根据网站的实际，为样式文件创建专门的目录，并规划样式文件的定 义。要尽量保障样式文件的重用，又不要让所有的页面过多的载入不 需要的样式定义，从而造成网络流量的浪费和响应时间的降低。 五、案例：图像边框 案例： 示例 10-4：图像边框 <!doctype html> <html> <head> <meta charset="utf-8"> <title>图像边框</title> <style type="text/css"> div { width:500px; border-image-width:10px; border-image:url(images/Border-Bg-imgs.jpg) repeat repeat; padding:30px; } </style> </head>