时间:2021-05-08
一、CSS语法:
h1 {color:blue;font-size:12px;}
h1就是HTML的标签,又叫选被器,是被选择样式化的对象,color:blue;就是效果一,font-size:12px;效果二
二、来个例子:
p {color:red;text-align:center}
或者这样,更方便读取
p
{
color:red;
text-align:center;
}
放到HTML里的代码就是:
复制代码代码如下:
<html>
<head>
<style type="text/css">
p
{
color:red;
text-align:center;
}
</style>
</head>
<body>
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
</body>
</html>
三、CSS注释用
复制代码代码如下:
p
{
text-align:center;
color:black;
font-family:arial
}
四、CSS的id和Class选择器来控制样式
id可以用作样式化一个单独的对象,比如我们要对某一个P元素做个效果,而其他的默认效果。
id在CSS中的定义方式就是:
复制代码代码如下:
#para1
{
text-align:center;
color:red
}
这里的para1就是HTML文件中某一个元素的id,看个例子
复制代码代码如下:
<html>
<head>
<style type="text/css">
#para1
{
text-align:center;
color:red
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>
看效果图,只有id为para1的P元素有效果。
Class也就是类选择器,可以表示一组元素的样式,id只对一个有效
[code]
<html>
<style>
.cen {text-align: center}
</style>
<body>
<h1 class="cen">
This heading will be center-aligned
</h1>
<p class="cen">
This paragraph will also be center-aligned.
</p>
</body>
</html>
这样h1和p的内容都会自动居中了
上一页12 3 下一页 阅读全文
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前两天在“博客园”上看了一篇文章“PHP基础教程”,介绍PHP的,感觉挺好。D瓜哥在学Ruby,正好也写一篇“Ruby入门教程”。需要说明一下,这篇文章适合有编
本文讲述了Android入门之源码开发基础教程。分享给大家供大家参考,具体如下:下载Android源码之后,接下来就是学习或者进行开发。在开发之前,谈一些开发必
基础教程介绍了基本概念,特别是对象和类。进阶教程对基础教程的进一步拓展,说明Python的细节。希望在进阶教程之后,你对Python有一个更全面的认识。之前我们
前言在学习SQL2012基础教程过程中会时不时穿插其他内容来进行讲解,相信看过SQLServer2012T-SQL基础教程的童鞋知道前面写的所有内容并非都是摘抄
淘客怎么做推广?许多初学者刚新手入门的淘客还不清楚,我发送给大伙儿共享下淘客推广基础教程(文图),有想要做淘客推广的看这里。许多盆友对淘客的新手入门或是一知半解