美文网首页
CSS 详细相关知识!!

CSS 详细相关知识!!

作者: lxw__ | 来源:发表于2018-09-08 13:40 被阅读0次

    CSS 被称为层叠样式表,那么首先我们要怎么引用呐?

    【1]CSS 引用有四种方式,如下

    (1)行间样式

    直接在div 里使用如

    <div  style ="">

    (2)在head 里加style 标签

    如<style ></style >

    (3)外联式

    <link  rel ="”hre f=“” >

    (4)导入样式表

    import “”;

    【2]下面介绍一下CSS 里几种选择器

    (1)id 选择器

    引用

    给标签加id =“”

    #id {

    (2)标签选择器

    标签名{}

    (3)类选择器

    加属性class =“bo x ”

    .box {}

    (4)属性选择器

    其中一种

    【]{

    【属性名=属性值】{

    (5)父子级选择器

    父级 子级{

    }这样就可以直接定位到父级下面的子级了

    (6)并列选择器

    选择器1选择器2{

    }这样就可以设置同样的样式了

    (7)分组选择器

    选择器1,选择器2{

    (8)通配符选择器

    *{

    }一般用于项目开始初始化

    下面再介绍一下选择器的优先级

    (1)如果是相同选择器,代码最下面的选择器的优先级更好

    (2)通配符<标签选择器<类选择器<id 选择器<行间样式<important

    好了,关于CSS 就写到这里了

    小礼物走一走,来简书关注我

    赞赏支持

    相关推荐

    关于CSS

    阅读 49

    HTML+CSS(47-72)

    阅读 3012

    h5常见的面试题

    阅读 506

    展开查看更多

    相关文章

      网友评论

          本文标题:CSS 详细相关知识!!

          本文链接:https://www.haomeiwen.com/subject/xbwkgftx.html