web前端--CSS(一)

前端时间学了些HTML的基本内容,现在开始学CSS,CSS之后才是真的开始前端,Javascript,jquery等等。。入题

一、CSS基本了解

CSS层叠样式表(Cascading Style Sheets)是用来表现html或者xml的一种语言,可以简单理解为CSS是用来修饰html网页的一种语言。

二、应用

添加到html中,来修饰网页,以下是三种样式表。
1、元素样式表
2、文档样式表
3、外部样式表(常用,将html和css样式分离,结构清晰)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS样式表</title>
    <link rel="stylesheet" type="text/css" href="color.css">
<!--    link链接到外部样式表,采用color.css,对应word3-->
    <style type="text/css">
        .class2:hover{
            font-size:30px;color: #ff2539;
            /*设置文档内嵌样式表,所有word标签都将这个格式50,红色*/
        }
    </style>
</head>
<body>
<p class="class1" style="font-size: 20px;color: #2066ff">元素内嵌样式表</p><br>
<p class="class2">文档内嵌样式表</p><br>
<p class="class3">外部CSS样式表</p><br>
<!--若都设为word,则出现层叠效果,优先级:元素>文档>外部-->
<!--动作选择器hover:鼠标移到此处字体变大显色-->
</body>
</html>

word3中的外部样式表,需要在project中新建一个color.css文件,内容如下:

.class3{
    font-size:40px;
    color: #f123ff;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值