关于在网页中使用CSS样式

news2026/4/29 23:35:59

一.目前在网页中要使用CSS有三中方法。1.行内样式(行内式)优点直接就可以在标签内写是比较快直接作用于标签。缺点代码臃肿不利与维护。代码如下!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleCSS/title /head body aligncenter div stylefont-size: 20px; color: blanchedalmond;此文字是CSS样式中的行内式 /body /html代码中添加了:aling标签进行居中font-size属性并设置了属性值为20pxcolor属性为奶白色渲染后2.内部样式表(内嵌式)写在文件中的head标签内优点样式和结构还在同一个文件内比内行式要好维护。缺点只能作用与当前网页。代码如下!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleCSS/title style p{ font-size: 15px; color: brown;} /style /head body aligncenter p此文字是CSS样式中的内嵌式/p /body /html代码中添加了:aling标签进行居中font-size属性并设置了属性值为15pxcolor属性为红色渲染后3.链入外部样式表(外链式)把CSS写入独立的(.css)文件中再用link标签引入网页中。优点CSS样式与html结构完全分离加载速度更快。缺点需要额外请求一次CSS文件。代码如下!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleCSS/title link relstylesheet hrefstyle.CSS /head body aligncenter p此文字是CSS样式中的外链式/p /body /html此代码中通过link标签链接了style.css文件并增加了aling标签进行居中CSS文件代码p{ font-size: 30px; color: aquamarine;}代码中添加了:font-size属性并设置了属性值为30pxcolor属性为青色渲染后

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2567007.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！