为了账号安全,请及时绑定邮箱和手机立即绑定

CSS结构的基础认知

标签:
CSS3

css的属性值与html的属性值用法不相上下,但是css主要分为内联样式表和外联样式表。

内联样式表用法:在html文件中的《head》头文件中添加<style></style>标签,在标签内添加所需的属性值,例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>
</head>

外联样式表用法:在同一项目的目录下创建css为拓展名的文件,在文件编写所需属性和个人style,在HTML内编写代码:<link rel="stylesheet" href="文件名" />进行调用。

CSS样式表规则中class标记和超链接的用法:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p.first{text-indent: 0.5in;}
p.second{text-indent: 1.0in;}
.main01{font-size: 10pt;color: red;}
#01{font-size: 10pt;color: yellow;}
#02{font-size: 12pt;color: blue;}

        //属性:link链接本身;visited被访问过时;hover指向时;        a:link{font-size: 10pt;color: blue;text-decoration: none;}        a:visited{font-size: 13pt;color: gray;text-decoration: underline;}        a:hover{font-size: 16pt;color: red;text-decoration: overline;}    </style></head><body>    <!--创建class-->    //<标记 class="类名"></标记>    //直接用class定义段落的缩进大小    <p class="first">这个段落缩进0.5in</p>    <p class="second">这个段落缩进1.0in</p>    //<标记 class="类名"></标记>    //调用.main01定义段落和单元格的属性    <p calss=".main01"></p>    <td calss="main01"></td>    //<标记 id="id名">    <font id="01">php是世界上最好的语言</font>    <font id="02">php是世界上最好的语言</font>    <!--超链接-->    <a href="http://www.baidu.com">first</a>    《style中的属性一一对应body中class和超链接的用法》

这是一些关于css的属性注释:
/文本对齐/
h1{text-align:center}
/文本缩进/
h1{text-indent: 50px;}
/行高/
body{line-height: 120%;}
/字间距/
body{letter-spacing: 0.1cm;}
/文本装饰/
h3{text-decoration: underline;}
/垂直对齐/
<p>平方值:3<font >2</font></p>
/文本变换/
p{txet-transform:capitalize}

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消