快速了解css

基础语法：

选择器{属性：值；属性：值}

选择器

基本选择器

id选择器

class选择器

伪类
：hover
伪元素
firstline
伪类/伪元素

属性选择器
[属性]

多值选择器 [属性=属性值]

分组和嵌套

分组

h1,h2,p
{
    color:green;
}

嵌套

p{ }: 为所有 p 元素指定一个样式。
.marked{ }: 为所有 class="marked" 的元素指定一个样式。
.marked p{ }: 为所有 class="marked" 元素内的 p 元素指定一个样式。
p.marked{ }: 为所有 class="marked" 的 p 元素指定一个样式。

组合选择

样式优先级

内联样式表
<p style="color:sienna;margin-left:20px">这是一个段落。</p>

内联样式表

外联样式表

盒子模型

image

盒子区域

轮廓模型

简写规律

margin：t r b l
margin:t lr b
margin:tb lr
margin:trbl

快速了解css
快速了解css 基础语法：选择器{属性：值；属性：值} 选择器基本选择器 id选择器 class选择器伪类：...
CSS布局基础
CSS布局基础前言本文的阅读对象主要是针对CSS零基础的设计与测试人员，帮助学习者快速了解一些CSS基础布局，...
强大的CSS：focus-visible伪类真的太6了！
一、快速了解CSS :focus-visible伪类 :focus-visible伪类是非常年轻的一个伪类，目前仅...
CSS了解
CSS的全称是什么? CSS全称Cascading Style Sheets，层叠样式表 CSS有几种引入方式? ...
CSS(了解)
Cascade Style Sheet 层叠样式表 css和html的结合方式？也就是学习如何在HTML里如何使用...
CSS性能优化的技巧
CSS性能优化的技巧 1、内联首屏关键CSS 将CSS直接内联到HTML中能使CSS更快速地下载。而使用外部CSS...
CSS基础——了解CSS
经过一段时间的学习，已经把html大部分知识撸了一遍，对于开发也算是入了个门，下一阶段的目标是学习CSS，接下来就...
CSS3
前言-内容 CSS是什么 CSS怎么用（快速入门） CSS选择器（重点+难点）美化网页（文字，阴影，超链接，列表...
CSS_基础
初探css,了解个大概，本文主要是对"zhaolion:CSS入门笔记－初识CSS"的简要记录 CSS的好处 ...
学习钢要：样式生效规则
学习条件了解css/css3常见选择器学习目标了解选择器权重的计算了解浏览器默认样式了解样式的继承了解...