07HTMLCSS和图像.docx
5墨值下载
HTML
样式
- CSS
CSS (Cascading Style Sheets)
用于渲染
HTML
元素标签的样式。
Look! Styles and colors
M a n i p u l a t e T e x t
C o l o r s , B o x e s
and more...
尝试一下
»
尝试一下
-
实例
HTML
使用样式
本例演示如何使用添加到
<head>
部分的样式信息对
HTML
进行格式化。
本例演示如何使用样式属性做一个没有下划线的链接。
如何使用
style
属性制作一个没有下划线的链接。
链接到一个外部样式表
本例演示如何 标签链接到一个外部样式表。
如何使用
CSS
CSS
是在
HTML 4
开始使用的
,
是为了更好的渲染
HTML
元素而引入的
.
CSS
可以通过以下方式添加到
HTML
中
:
内联样式
-
在
HTML
元素中使用
"style"
属性
内部样式表
-
在
HTML
文档头部
<head>
区域使用
<style>
元素 来包含
CSS
外部引用
-
使用外部
CSS
文件
最好的方式是通过外部引用
CSS
文件
.
在本站的
HTML
教程中我们使用了内联
CSS
样式来介绍实例，这是为了简化的例子，也使得你能更
容易在线编辑代码并在线运行实例。
你可以通过本站的
CSS
教程 学习更多的
CSS
知识。
内联样式
当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签
中使用样式属性。样式属性可以包含任何
CSS
属性。以下实例显示出如何改变段落的颜色和左外边
距。
<p style="color:blue;margin-left:20px;">
这是一个段落。
</p>
学习更多样式，请访问
CSS
教程
.
HTML
样式实例
-
背景颜色
背景色属性（
background-color
）定义一个元素的背景颜色：
实例
<body style="background-color:yellow;"> <h2 style="background-
color:red;">
这是一个标题
</h2> <p style="background-color:green;">
这是一个段
落。
</p> </body>
尝试一下
»
早期背景色属性（
background-color
）是使用
bgcolor
属性定义。
尝试一下
:
旧版
HTML
来设置背景方式
HTML
样式实例
-
字体
,
字体颜色 ，字体大小
我们可以使用
font-family
（字体），
color
（颜色），和
font-size
（字体大小）属性来定义字体的样
式
:
实例
<h1 style="font-family:verdana;">
一个标题
</h1> <p style="font-
family:arial;color:red;font-size:20px;">
一个段落。
</p>
尝试一下
»
现在通常使用
font-family
（字体），
color
（颜色），和
font-size
（字体大小）属性来定义文本样式，
而不是使用
<font>
标签。
HTML
样式实例
-
文本对齐方式
使用
text-align
（文字对齐）属性指定文本的水平与垂直对齐方式：
实例
<h1 style="text-align:center;">
居中对齐的标题
</h1> <p>
这是一个段落。
</p>
尝试一下
»
of 6
5墨值下载
【版权声明】本文为墨天轮用户原创内容，转载时必须标注文档的来源（墨天轮），文档链接，文档作者等基本信息，否则作者和墨天轮有权追究责任。如果您发现墨天轮中有涉嫌抄袭或者侵权的内容，欢迎发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。
下载排行榜
评论