CSS样式表(上)
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2、在HTML页中插入样式表
<外接样式表>表示法
<head> <title>title of article</title> <link rel=stylesheet href="rainer.css" type="text/css"> </head>
基本格式： <link rel=stylesheet href=URL type=“text/css”>
基本原则： 距离HTML语言标签就近原则
Sequence.htm
样式表的分类：
•字体设置 •位置设置 •背景以及颜色设置 •定位设置 •滤镜
1、字体设置
•font-family:设置字体类型 •font-size：设置字号大小 •font-style: 设置字体风格 •font-weight: 设置字体粗度 •text-transform：文字变形 •text-decoration ：文字修饰
<内联定义 >表示法
<p style="margin-left: 0.5in; margin-right:0.5in"> 这一行被增加了左右的外补丁 <p>
基本格式： <HTML标签 style=“CSS 样式”Βιβλιοθήκη Baidu> CSS控制显示区域 </HTML 标签>
执行样式表顺序： 内联>外接样式表>内部样式块
Font.htm
2、位置设置
•word-spacing：词间距设置 •letter-spacing：字间距设置 •line-height: 行距设置 •text-align: 文字水平对齐方向 •vertical-align：垂直对齐方向 •text-indent ：首行缩进
Layout.htm
2、在HTML页中插入样式表
<内部样式块>表示法
<html> <style type="text/css"> <!-body {font: 10pt "Arial"} h1 {font: 15pt "Arial"; font-weight: bold; color: maroon} h1 {font: 17pt "Arial"; font-weight: bold; color: red} h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue} p {font: 10pt/12pt "Arial"; color: black} --> </style> <body>
第3部分 CSS
1、什么是样式表? CSS是Cascading Style Sheet(层叠样式 表)的缩写。 是用于控制网页样式并允许将样式信息与 网页内容分离的一种标记性语言。
Hello CSS－在HTML页中插入样式表
一个网页的代码：<内部样式块对象>表示法
<HTML> <HEAD> <TITLE> Hello CSS</TITLE> <STYLE TYPE="text/css"> <!-H1 { color: green; font-size: 36px; font-family: “Time new roman” } P { text-indent: 1cm; background: yellow; font-family: courier } --> </STYLE> </HEAD> <BODY> <H1><H1>标签的字体变成这个样子</H1> <P> <p>标签的效果</P> </BODY> </HTML>