002 Python前端之CSS基础

最新推荐文章于 2023-06-02 00:45:42 发布

置顶 heyiaiqing

最新推荐文章于 2023-06-02 00:45:42 发布

阅读量382

点赞数

分类专栏： Python+前端文章标签： Python前端

本文链接：https://blog.csdn.net/heyiaiqing/article/details/77168646

版权

Python+前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

CSS注释

/*
 *
 */

颜色

RGB：红绿蓝
    R(红)：00-FF
    G(绿)：00-FF
    B(蓝)：00-FF

RGBA：color: rgba(255,255,255,0.6)

CSS导入的三种方式

第一种方式

<div style="name:value;">

第二种方式

<head>
    <style>
        p{
            name: value;
        }
    </style>
</head>

第三种方式

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

CSS优先级

第一种方式优先级最高
!important最高
权重可叠加

选择器

元素/标签选择器

p {
    color: green;
}

id选择器

# one {
    color: #008000;
}

class选择器

.first {
    color: #008000;
}

伪类选择器

/* 未访问的链接状态 */
a:link {
    color: red;
}

/* 已访问的链接状态 */
a:visited {
    color: green;
}

/* 鼠标滑过链接状态 */
a:hover {
    color: blue;
}

/* 鼠标按下去时的状态 */
a:active {
    color: yellow;
}

注意：
    a:link,a:visited,a:hover,a:active 顺序不能变

群组选择器

选择符1，选择符2，选择符3...... {
    属性: 属性值;
}

包含选择器

选择符1(父)  选择符2(子) {
    属性: 属性值;
}

通配符选择器

*{
    属性: 属性值;
}

选择符的权重

css中用四位数字表示权重，权重的表达方式如：0，0，0，0
类型选择符的权重为0001   a  p  div  span  form  ....   1
class选择符的权重为0010  .class  10  
id选择符的权重为0100     #     100  
子选择符的权重为0000
属性选择符的权重为0010
伪类选择符的权重为0010    
伪元素选择符的权重为0010
包含选择符的权重：为包含选择符的权重之和
内联样式的权重为1000
继承样式的权重为0000
注：如果权重相同时，则执行后写的样式

heyiaiqing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
002 Python前端之CSS基础

CSS注释/* * */颜色RGB：红绿蓝 R(红)：00-FF G(绿)：00-FF B(蓝)：00-FFCSS导入的三种方式第一种方式<div style="name:value;">第二种方式<head> <style> p{ name: value; } </style></head>第三
复制链接

扫一扫