CSS样式表在网页设计顶用处很普遍， 设置网页的标签属性、文字属性、文字长度、布景等等都用到了CSS样式表来设计 。 CSS不仅功能齐备并且便于点窜和阅读 。 在这里我就来介绍下用内嵌的体例建立CSS类、id和标签属性样式 。
需要这些哦
CSS根本常识
html根本常识
UE编纂器
方式/
1我们知道要实现一个网页的样式可以用HTML传统的供给的体例来实现 。 直接用HTML供给的属性来完当作工作 。 在这里我就用HTML的属性来申明若何利用属性来建立网页的样式 。
<html>
<head>
<title>传统HTML排版</title>
</head>
<body>
<p align="center"><font color="red"><b>用传统HTML来排版文件</b></font></p>
</body>
</html>
可以看到要完当作工作需要编写良多的代码， 用到良多的属性 。 若是HTML没有供给这些属性则工作无法完当作 。
2那么我们可以利用传统的HTML属性来排版， 还有没有其他的体例呢？这里我就介绍CSS来完当作工作， 起首来介绍内嵌的CSS来排版 。
内嵌排版样式是将CSS样式表放在<head></head>这里面的具体格局如下：
<html>
<head>
<title>传统HTML排版</title>
<style type="text/css">
此处设置我们需要的样式 。
</style>
</head>
<body>
<p>标签名来节制的样式</p>
</body>
</html>
3在Style这个标签对中设置CSS样式， 我们可以直接用标签名来作为CSS样式的名字， 具体代码如下：
<html>
<head>
<title>传统HTML排版</title>
<style type="text/css">
p{
color:red;
text-align:center;
font-weight:bold;
font-size:50px;
}
</style>
</head>
<body>
<p>标签名来节制的样式</p>
</body>
</html>
可以看到我们在p{}中按照属性：属性名；的格局来设置之后P标签的内容就是我们设定的成果显示的结果 。
4除了这种法子之外， 若是我们需要将第二行的段落中文字设置当作绿色其他的按照
3的样式来做， 则可以利用CSS的类来完当作 。
界说的时辰是在style这个标签对之间设置类名为.pgreen， 具体代码如下：
<html>
<head>
<title>传统HTML排版</title>
<style type="text/css">
p{
color:red;
text-align:center;
font-weight:bold;
font-size:50px;
}
.pgreen
{
color:green;
}
</style>
</head>
<body>
<p>标签名来节制的样式</p>
<p class="pgreen">类名来节制</p>
</body>
</html>
从上面的代码可以看到界说和引用的体例， 在CSS中就是按照这种体例来建立类到利用类的 。
猜你喜欢
- 茶道表演，六安瓜片茶
- CSS文本长度单位的总结与实例分析
- 嘉年华手表是名牌吗嘉年华手表的定位是什么
- 用Word制作表格的方法
- 男生想找对象的说说（表达男生想找对象的说说）
- CAD标注样式的设置
- WORD表格中如何设置每一页都显示表头？
- 心情不好的经典句子（表达心情不好的句子）
- 毕业生登记表填写范例
- 一个人静静的心情句子（表达一个人静静的心情句子）