css代码可以很灵活的在网页中应用,你可以把css样式作为元素属性的一部分与结构融合一体,也可以使用style元素在xhtml文档中单独定义,或者把css代码保存在单独的样式表文件中,再导入到xhtml文档中。
内联样式,内联样式就利用style属性来设置元素样式,也可以说是嵌入式样式,这与html设置各种描述属性没有本质的区别,因此,在标准网页中不建议使用这种应用样式,但是在某些情况下,可能只需要简单的将一些样式应用于某个独立的元素,而不需要嵌入或者使用外部样式,可以采用这种方式。
内部样式与内联样式一样都是把css代码放在xhtml文档中,但内部样式是利用style来设置元素样式的,style元素一般是放在head中,也可以把它放在网页中任何地方,但由于浏览器是从上到下不断解析的显示代码,把css代码放在头部,这样便于提前被下载和解析,可避免网页内容下载后,还没有样式来控制页面的尴尬,使用style元素定义样式时候,必须保证设置type属性值为text/css,这样浏览器才知道style元素包含的是css代码,因为style元素还可以包含其他代码,当我们设计一个页面时候,使用内部样式还是不错的选择,但是作为一个网站,是不赞成使用这种方式的,因为它不能充分发挥css代码的重用优势。医用灭菌袋 灭菌袋封口机 硅橡胶印模材 齿科针
外部样式一般都是把css代码存放在一个单独的文本文件中,再保存为扩展名为.css的文件,最后利用link元素把样式文件导入到xhtml文档中即可。我们也可以在link元素中添加title属性,设置可选择性的标题,即当一个网页文档导入了许多个样式后,可以通过title属性值选择所要应用的样式表文件,另外,title属性与rel属性存在联系,未来的网页文档会使用多个link元素导入不同的外部链接,如样式文件,脚本文件,主题文件,甚至可以是包括个人自定义的其他补充文件,导入这么多不同类型,名称各异的文件后,可以使用title属性进行选择,这时候rel属性的作用就显示出来了,它可以指定网页文件初始显示时应用的导入文件类型,目前只能关联样式表文件,虽然目前的浏览器支持不是太好,不过建议读者加上rel属性,以后随着浏览器都支持该功能后就非常有用了,如果在网页中导入外部样式时没有设置rel属性,那么在火狐浏览器中浏览网页时导入的样式表文件会无效,其原因就是link元素没有用rel属性关联起来,外部样式是css的最佳方案,一个样式表文件可以被多个网页文件引用,同时一个网页文件可以导入多个样式表,方法是重复使用link元素导入不同的样式表文件,外部样式能够实现css样式与xhtml结构的分离,这种分离原则是w3c所提倡的,因为它可以更高效的管理文档结构和样式,实现代码优化和重用。天津网站建设,天津网站优化,汽车玻璃,商业策划招商,钢板桩租赁,天津废锡回收,天津网站制作