网页搭建入门---CSS入门

最新推荐文章于 2021-01-13 12:41:21 发布

joker柒月

最新推荐文章于 2021-01-13 12:41:21 发布

阅读量420

点赞数

分类专栏： Java工程师

本文链接：https://blog.csdn.net/qwl755/article/details/105714859

版权

CSS基础语法

为什么要使用CSS

样式定义如何显示HTML元素
是为了解决内容与表现分离的问题

CSS声明

CSS声明块

CSS规则

CSS选择器

选择器

ID选择器
元素选择器
类( class)选择器
属性选择器

基于关系的选择器

伪类

伪元素

::before 会为当前元素创建一个子元素作为伪元素。
::after 用来匹配已选中元素的一个虚拟的最后子元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪元素</title>
    <style>
        q::before {
            content: "«";
            color: blue;
        }
        q::after {
            content: "»";
            color: red;
        }
    </style>
</head>
<body>
<q>一些引用</q>, 他说, <q>比没有好。</q>.
</body>
</html>

优先级别

元素选择器和伪元素的级别最低
其次是类选择器、属性选择器和伪类
ID选择器是选择器中级别最高的
内联样式总会覆盖外部样式表的任何样式
!Important 声明将覆盖任何其他声明

CSS样式

背景

文本

最低0.47元/天解锁文章

joker柒月

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页搭建入门---CSS入门

目录CSS基础语法CSS选择器CSS样式CSS布局CSS盒子模型CSS基础语法为什么要使用CSS样式定义如何显示HTML元素是为了解决内容与表现分离的问题CSS声明CSS声明块CSS规则CSS选择器选择器ID选择器元素选择器类( class)选择器属性选择器基于关系的选择器伪类伪元素::b...
复制链接

扫一扫