css的使用 css的特性 css的选择器

声明方式。

(1)内联方式,直接使用style属性来定义。

(2)内嵌方式,直接在head标签中使用style标签。

(3)外部引入,使用link标签引入。

<link href="../test.css" type="text/css" rel="stylesheet"></link>

<!--href:链接的文档来自哪里。

type:规定链接文档的类型。

rel:链接的关系。当前文件与链接文件的关系。-->

以上三种方式,如果样式冲突则就近原则生效。如果不冲突则叠加。

特性

  1. 层叠性:css样式允许重复声明,相互覆盖。
  2. 继承性:被包含的元素拥有外层元素的效果(有的样式可以被继承,有的不可以)。

选择器

(1)标签选择器

(2)*通用选择器

(3)类选择器  

        p.say 表示选中p标签有say这个类的 .a.b选择同时具有a b两个类的元素

(4)id选择器

(5)后代选择器

        #box p

(6)伪类选择器。使用的时候要注意爱恨原则(link>visited>hover>active)

         链接伪类选择器:

        只能用在a标签上。

        a:link,a标签使用,并且a标签有href属性且没被访问过 。

        a:visited,a标签使用,并且a标签有href属性且被访问过 。

        动态伪类选择器:

        E:hover,用户鼠标悬停上面时候触发。

        E:active,元素被激活时候触发。

  • 7
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值