CSS

CSS(未完待补充)

CSS(层叠样式表)简介

网页由w3c规定分为三部分:结构(HTML),表现(CSS),行为(Js)。

网页实际上是一个多层结构,通过css可以分别为网页的每一层来设置样式,而我们最终看到的只是网页最上面一层(俯瞰图)

使用CSS修改元素的样式

第一种方式(内联样式,行内样式):

标签内部通过style属性来设置元素的样式

属性名=“样式名:样式值;”(冒号连接,分号结束)

<p style="color:red;font-size:60px;">要改变颜色的内容</p>

如以上代码,页面显示时字体大小为六十像素,颜色为红色。

存在的问题:使用内联样式只可对一个标签生效,如果希望影响到多个元素必须在每一个元素中都复制一遍,并且样式发生变化时,必须一个一个修改。开发时绝对不要使用内联样式。

第二种方式(内部样式表):

可以将样式编写到head中的style标签里,然后通过CSS的选择器来选中元素并为其设置各种样式。可以同时为多个标签设置样式,并修改时只需修改一处,即可全部应用。更加方便重复使用

<head>
    <style>
        p{
            color:green;
            font-size:50px;
        }
    </style>
</head>

上述代码表示将页面中p元素的属性设置为绿色,字体大小为50像素。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值