"CSS基础知识与VScode运用指南"

需积分: 6 3 浏览量更新于2023-12-16 收藏 4.35MB DOCX 举报

CSS的保姆级基础知识是指入门级别的CSS知识，对于刚开始学习CSS的人来说非常重要。CSS是一种用于定义HTML文档中元素样式的语言，它可以使网页变得美观和可读。 CSS的语法主要由选择器和声明两个部分构成。选择器用于选择需要改变样式的HTML元素，而声明则由属性和值组成。属性是希望设置的样式属性，每个属性都有一个对应的值，它们用冒号分开，并用分号将每个声明分隔开来。在使用VScode编写CSS的时候，一般是在HTML文档的<head>标签内添加一个<style>标签来书写CSS代码。在<style>标签中，我们可以使用各种选择器来选择不同的HTML元素，并在花括号中设置对应的属性和值。全局选择器是一种特殊的选择器，它可以匹配任何元素，并且具有最低的优先级。一般情况下，全局选择器被用来进行初始化的处理，格式为 *{ XXX: .;"...}。除了全局选择器外，CSS还提供了其他各种选择器，包括元素选择器、类选择器、ID选择器、属性选择器、伪类选择器等等。每个选择器都有自己的规则和优先级，可以用来对特定的HTML元素进行样式定义。 CSS还具有层叠的特性，这意味着如果多个规则应用于同一个HTML元素，它们的样式将会叠加在一起。同时，CSS还支持继承的特性，子元素可以继承父元素的样式，从而减少了重复的代码。在编写CSS时，我们可以使用各种单位来描述属性的值，包括像素（px）、百分比（%）、em、rem等等。这些单位可以用来指定元素的大小、边距、间距等。此外，CSS还支持各种样式效果，包括背景色、字体样式、边框样式、文本样式、动画效果等等。这些样式效果可以通过属性和值的组合来实现，使网页更加生动和吸引人。总之，CSS的保姆级基础知识是学习CSS的重要基础，它包括了CSS的语法、选择器的使用、样式的定义和应用等内容。掌握这些基础知识可以帮助我们更好地运用CSS来美化网页。在实际编程中，我们可以结合HTML和JavaScript来实现更加复杂和动态的效果，从而为用户呈现出更好的网页体验。

class 后面再多加一个空格和类名；再对此类名进行类选择器的操作.

ID 选择器：

针对某一个特殊标签来使用；css 中的 id 选择器是以 # 来定义的！

一个程序里只能对某一个的 ID 名进行命名——

#text{color:blue}

<p ID=”text”>Hello 1</p>

<p ID=”text”>Hello 2</p> （×）

#text{color:blue}

#mytext{font-size:50px}

<p ID=”text”>Hello 1</p>

<p ID=”mytext”>Hello 2</p> （√）

合并选择器：

用于提取效果相同的不同选择器

语法： .选择器 1.选择器 2{...}

剩余16页未读，继续阅读

melody&&groove

粉丝: 13
资源: 2

"CSS基础知识与VScode运用指南"

CSS的基础知识

CSS 基础知识

CSS基础知识

HTML保姆级基础知识

webpack保姆级教学.pdf

搭建小程序的保姆级详细教程

torisite:对 tori 的简短介绍。 需要保姆吗？

基于PHP的赵云网站保姆个人版UTF-8免费版源码.zip

前端学生作业毕设实训素材-保姆服务育婴家政类网站源码.rar

(PC+WAP)粉色家政服务公司网站模板 月嫂保姆网站源码下载.zip

最新资源

torisite:对 tori 的简短介绍。需要保姆吗？

(PC+WAP)粉色家政服务公司网站模板月嫂保姆网站源码下载.zip