css3基础知识第一章语法

短命女 2022-08-10 06:17 265阅读 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 条评论，265人围观）

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

相关阅读

相关【Java基础】第一章 | Java基础语法

打印 System.out.println(); 数据浮点数默认double，若需要float需要在数字后加上 F 整数默认int，若需要long需

àì夳堔傛蜴生んèń/ 2023年09月26日 09:54/ 0 赞/ 41 阅读

相关不好理清的JS基础知识和CSS3选择器小结-第一章

写在前面我们在写看别人的源码或者面试的时候经常会遇到一个比较奇葩的js问题或者是css3的问题，比如下面这几个问题可以尝试回答一下： null属于什么类型？

àì夳堔傛蜴生んèń/ 2023年02月25日 12:28/ 0 赞/ 21 阅读

相关第一章基础知识

什么是微服务架构？微服务是系统架构上的一种设计风格，它的主旨是将一个原本独立的系统拆分成多个小型服务，这些小型服务都在各自独立的进程中运行，服务之间通过基于HTTP的R

r囧r小猫/ 2023年02月20日 02:56/ 0 赞/ 57 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关第一章 Python基础语法

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

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