H5中有关CSS部分的初步了解(Cascading Style Sheets)

2 篇文章 0 订阅

CSS主要用于美化

1、行内式(内联样式)

 

<标签名 style ="属性1:属性值1;属性2:属性值2;属性3:属性值3;">

 

</标签名>

2、外部样式(外链式)

将所有样式放在一个或多个以.css为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到html文档中。

<head>

   <link  href="css文档的路径"  type="text/css"  rel="stylesheet"/ >

</head>

3、内部样式表(写在html文档的head头部标签中)

<head>

    <style  type="text/css">

     选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

    </style>

</head>

   注:style标签一般位于head标签中title标签之后

 

CSS的字体样式属性

font-size      字号大小     单位:px(像素)

font-family   字体

font-weight  字体粗细         

font-style     字体风格        (italic斜体 等)

text-align     水平对齐方式

text-indent   首行缩进

line-height   行间距

 

CSS的三大特性

(层叠性、继承性、特殊性)

继承性:权重是0

        子元素可以继承父元素的样式(text- ,font- ,line- )这些元素开头的都可以继承,包括color属性

特殊性:指的是它的优先级

        类选择器权重高于标签选择器

                    !important  >  行内样式  >  ID  >  类、伪类  >  标签  >   *

权重依次是     无穷               1000       0100       0010         0001      0000

权重相同,就近原则;

权重会叠加,但不会进位

 

 

 

 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值