位置: 编程技术 - 正文
一、In-line 行内 行内样式是在html标签里直接使用style属性 <p style="color: red">text</p> 设定段落文字红色。 但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。 二、Internal 内部 使用于整个页面的植入内部样式在head标签里面,style标签包围样式。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html> <head> <title>CSS Example</title> <style type="text/css"> p { color: red; } a { color: blue; } </style> ... 所有段落文字红色,链接蓝色。 像行内样式一样,你应该保持HTML和CSS分离,所以我们只剩下救星。 三、外部 外部样式使用在整个多样页面网站。它是一个独立的CSS文件,像下面一样: p { color: red; } a { color: blue; } 如果上面保存为“web.css”,HTML里面的链接就像下面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html> <head> <title>CSS Example</title> <link rel="stylesheet" type="text/css" href="web.css" /> ... 后面教程里会讲到其他外联样式的方法,现在已经足够了。 从这篇指导里面,我们以后沿着上面的方法实验代码是个好主意,用文本编辑器新建文件,保存为"web.css"在html目录。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html> <head> <title>My first web page</title> <link rel="stylesheet" type="text/css" href="web.css" /> </head> ... 保存HTML文件,现在已经链接上CSS,不过现在CSS是空的,没有内容不会改变HTML。当你开始学习CSS,就可以添加代码到CSS文件里,看HTML刷新后的结果。
推荐整理分享CSS教程之CSS的应用(css应用领域),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:css使用教程,css使用教程,css的基础知识,css的三种应用方式,css应用实例,css应用,css应用,css的应用是什么?,内容如对您有帮助,希望把文章链接给更多的朋友!
CSS教程之css选择器 、属性、值 body{font-size:0.8em;color:navy;}上面的意思是为body选择器设置font-size字体大小和color字体颜色。所以基本的,当它作用与HTML页面时,在body标签(整个窗口中
CSS的color颜色使用说明 red红色等同于rgb(,0,0)等同于rgb(%,0%,0%)等同于#ff等同于#f有个预先确定的颜色,它们是:aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,orange,purple,r
html页面head区域的编码书写规范 今天我们简单的介绍一下head区域主要放置了内容。这里就不强调css和javascript了,这两者是大家所熟知的。head区一般必须加入的标识有:公司版权注释!-
标签: css应用领域
本文链接地址:https://www.jiuchutong.com/biancheng/375325.html 转载请保留说明!友情链接: 武汉网站建设