电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

css的基本语法格式

css的基本语法格式_第1页
1/12
css的基本语法格式_第2页
2/12
css的基本语法格式_第3页
3/12
CSS(Cascading Sty el Sheet)是控制 Web 页面外观的一系列格式设置规则,是网页设计必不可少的工具之一。下面我们就开始学习 css 的基本语法格式。 一 CSS 定义规则 层叠样式表是一个完全的纯文本文件,通常以“css”为扩展名作为单独的文件来使用,它的内容包含了一组告诉浏览器,如何安排与显示特定的html 标签中内容的规则,CSS 定义规则由三个部分构成:选择符,属性和属性的取值。语法如下: 语法: selector { property: value } 选择符 { 属性: 值 } 说明: 1 选择符 选择符是要定义样式的html 标记,将 html 标记作为选择符定义后,则在 html 页面中该标记下的内容,会按照 CSS 定义的规则发生改变。 2 属性 CSS 属性指的是在选择符中要改变的内容,常见的有:字体属性,颜色属性,文本属性等。下面就是我们定义的一个样式表。 @charset"gb2312"; body { font-family: "宋体"; font-size: 20px; color: #FF0000; } p { font-family: "宋体"; font-size: 30px; color: #FF00ff; } 在这个样式表中: 1 @charset"gb2312";表示使用中文国标字符集。 2 body 和 p 是 html 中的两个标签,对这两个标签设置了三种样式,即: font-family : 指定字体的字型。 font-siz e: 指定字体的大小。 color: 指定字体的颜色。 上面我们定义了一个样式表,下一步的任务是如何把这个样式表和 html 文件相关联,使html文件按照我们定义的样式显示出来,与 html 文件相关联的方法有四种,下面我们分别叙述。 二 嵌入样式表 在Html 页面内部定义的 CSS 样式表,叫做嵌入式CSS 样式表,也就是在HTML 文档的 head 部分中,使用 sty le 标签并在该标签中定义一系列 CSS 规则。 语法: 说明: 指示CSS 样式表开始,结束标志为 ,在开始标志 中可以根据需要添加一些属性,如上列中的属性ty pe="tex t/css",它表示CSS 样式表采用MIME 类型,这种类型的特点是,当浏览器不支持CSS 代码时,对CSS 代码进行过滤,避免浏览器以源代码的方式显示CSS 代码。为了保证更加可靠,在样式表里再次加上注释标识符" ",CSS 规则就定义在这个注释标识符中。 示例 1 t1.htm 查看更多

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

css的基本语法格式

确认删除?
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群