CSS 颜色、字体、距离、选择器、显示和隐藏的设置

CSS

css,也就是层叠(级联)式样式表  ,用来美化html网页的,使得页面更加生动。

CSS三种引用样式

  • 元素内嵌样式:

                       <标签元素  style="样式一;样式二;...;">这是文本</标签元素> 

                      如:<p  style="color:red;  font-size:50px;">这是文本</p>    <!--使标签中的字体变红色并且字体大小变为50px-->

  • 文档内嵌样式:

                        <style>样式表</style>  <!--在<head>元素之间创建<style>元素,通过选择器的方式调用指定的元素-->

                      如:使标签中的字体变红色并且字体大小变为50px

                             <head>
                                 <style   type="text/css">

                                  p{

                                         color:red;

                                        font-size:50px;

                                    }</style>
                              </head>

                              <body>

                             <p>这是文本</p>

                             </body>

  • 外部引用样式:

<!--很多时候,大量的HTML页面使用同一个组css,那么就可以将这些css样式保存到在一个单独的.css文件中然后通过<link>元素去引入它即可,这也是需要到选择器的方式调用指定的元素,放在<head>元素之间-->

                      <link   rel="styleshcet"  type="text/css"  href="css文件名.css">

                     如:有一个color的css文件内容如下

                                p{

                                         color:red;

                                        font-size:50px;

                                    }

                  那么引用<link   rel="styleshcet"  type="text/css"  href="color.css">,会使所有p标签的字体变红色并且字体大小变为50px

选择器

  • 类选择器:在标签中写上cl
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值