css3基础知识第一章语法

短命女 2022-08-10 06:17 167阅读 0赞

CSS 层叠样式表 (Cascading Style Sheets)

CSS 规则由两个主要的部分构成：选择器，声明

选择器：

**标签选择器：** 直接用标签

**类选择器：** . （标签被class修饰）

**ID选择器：** \#（标签被 id修饰，id只存在一个）

**子选择器：** 之前是用>，现在用空格隔开如 .class \#id 标签

**通用选择器：** 如标签选择器和类选择器都是通用的

**伪类选择器：** a:hover\{\}（ 鼠标滑过响应事件）

**分组选择器：** 用，号隔开；如 .class,\#id,标签\{\}

声明：

body {
      color:  #000;
      background: #fff;
      font-family: "微软雅黑";
    }

CSS注释：

/\* 注释的内容 \*/

CSS样式：

优先级比较 行内样式 ＞ 内联样式 ＞ 外联样式

相同选择器样式后者覆盖前者

行内样式：

<div style="color:red;font-size:12px;"></div>

内联样式：

<style type="text/css">
    body{width:985px;height:260px;background:#FFCC66;}
    </style>

外联样式：

用link：

<link rel=”stylesheet” type=”text/css” href=”my.css”>

用html：（我没有用过）

<style type="text/css">@import url("css.css");></style>

样式的继承，层叠和重要性：

继承：<p>aaa<span>bbbb</span>aaa</p>

如果只定义了p的样式为red；没有定义span；那么span就继承了p；也为red

层叠：在相同权重的时候，后面会覆盖前面

重要性：在分号前加！important；如p\{color:red !important;\}

特殊性：权重；标签为1，类选择器10，ID选择器100；可以一层层叠加

一起学习，一起成长，如有问题可以留言，我会及时更改  
更多干货等你来拿 [http://www.itit123.cn/][http_www.itit123.cn]

[http_www.itit123.cn]: http://www.itit123.cn/

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关 sqli-lab之第一章--基础知识

第一章基础知识 > 在我们的应用系统使用 sql 语句进行管理应用数据库时，往往采用`拼接`的方式形成一条完整的数据库语言，而危险的是，在拼接 sql 语句的时候，我

短命女/ 2023年08月17日 17:05/ 0 赞/ 80 阅读

相关 java八股文第一章：Java 基础知识

Java 基础知识 1、Object 类相关方法 getClass 获取当前运行时对象的 Class 对象。 hashCode

女爷i/ 2023年01月07日 15:29/ 0 赞/ 127 阅读

相关第一章计算机基础知识ppt,第一章计算机基础知识精选版.ppt

第一章计算机基础知识精选版.ppt 4.9 加入多媒体元素一、加入音频 1、加入背景音乐 “行为面板”? “+”? “播放声音” “属性面板”? “参数”? “autos

ゞ浴缸里的玫瑰/ 2022年10月09日 00:59/ 0 赞/ 189 阅读

相关 css3基础知识第五章实战训练

只需要css就可以达到的效果：导航栏，图片选中透明效果，背景透明效果，自定义文字选中颜色导航栏水平菜单只需在纵向菜单的基础上去掉ul的宽度；li加浮动；然后改一

淩亂°似流年/ 2022年08月10日 06:20/ 0 赞/ 152 阅读

相关 css3基础知识第四章布局

布局是网站制作的第一步，让我们来了解一下怎么布局![微笑][smile.gif] 布局默认是流体布局，还有水平布局和定位布局。很多只是叫法不一样而已流体布局：在了解流

迷南。/ 2022年08月10日 06:20/ 0 赞/ 150 阅读

相关 css3基础知识第三章div盒子

一张网页可以理解为多个div盒子组成。让我们先了解CSS 的框模型 (Box Model) 框模型：元素框处理元素内容、内边距、边框和外边距的方式参考下图 ![

秒速五厘米/ 2022年08月10日 06:20/ 0 赞/ 139 阅读

相关 css3基础知识第一章语法

CSS 层叠样式表 (Cascading Style Sheets) CSS 规则由两个主要的部分构成：选择器，声明选择器：标签选择器：直接用标签类选择器

短命女/ 2022年08月10日 06:17/ 0 赞/ 168 阅读

相关 html5基础知识第一章语法

语法知识内容：html简介，html文档结构说明，<!doctype>标签，开发工具介绍及下载 html简介 Html（Hyper text Markup Langua

ゝ一纸荒年。/ 2022年08月10日 06:13/ 0 赞/ 158 阅读

相关 Go语言实战(第一章)-基础知识

Go初识简洁、快速 C 和 C++这类语言提供了很快的执行速度， Ruby 和 Python 这类语言则擅长快速开发。 Go 语言在这两者间架起了桥梁安全

妖狐艹你老母/ 2022年04月23日 06:58/ 0 赞/ 172 阅读

相关第一章 Python基础语法

第一章 Python基础语法 1.1 Python的介绍和安装 1.1.1 编程语言的分层机器语言：直接和硬件打交道，01代码，控制硬件功能。但对于人太难记

╰半夏微凉°/ 2021年09月25日 02:46/ 0 赞/ 306 阅读