`

CSS2 1 基本语法与选择器

阅读更多
一,样式关联的优先级
  内联式> 内嵌式>外链式

二,4个属性可以在所有的html标签中使用
1,id   2,class 3,name 4,style

三,注释
/*这里是注释*/


四,六种选择器
1,HTML选择器
2,类选择器 class
3,ID选择器
4,关联选择器 : 比如标签的父子关系(div p之间以空格分割)
5,组合选择器 : div,p 之间以逗号分割多个样式选择器
6,伪元素选择器 :同一个html标签的状态不一样 比如css中只有<a href=""/> 和p标签的第一个字和第一行符合这个伪元素的条件
:hover必须放在:link和:visited之后才能生效, :avctive必须放在:hover之后才能生效

同一个css文件中优先级排名:ID选择器>HTML选择器

分享到:
评论

相关推荐

    CSS:CSS基础语法与选择器.docx

    CSS:CSS基础语法与选择器.docx

    CSS基本选择器实用PPT课件.pptx

    CSS 基本选择器 本资源摘要信息将着重介绍 CSS 基本...CSS 基本选择器是 CSS 中最基本的选择器,它们是我们学习和应用 CSS 的基础。只有通过学习和掌握 CSS 基本选择器,我们才能更好地应用 CSS 实现网页的各种效果。

    CSS基本语法1

    CSS 基本语法 1 CSS(Cascading Style Sheets)是网站页面样式的基础语言,用于控制网页的布局、颜色、字体、图片等外观...CSS 基本语法 1 介绍了选择器、声明块和声明的概念,了解这些基本概念是学习 CSS 的基础。

    HTML+CSS基础教程-介绍HTML和CSS的基础知识 学习HTML基础语法、标签、CSS基础语法和选择器

    html----HTML+CSS基础教程(课件PPT版)----介绍HTML和CSS的基础知识。学习HTML基础语法、标签、CSS基础语法和选择器,以及它们的基本用法。

    CSS的基本语法.rar

    1. **选择器(Selectors)**:选择器是CSS中用于选取HTML元素的方式,如`p`选择器选取所有段落,`#id`选择器选取具有特定ID的元素,`.class`选择器选取具有特定类名的元素。 2. **属性(Properties)**:属性定义了...

    Css3.0完全手册(集成了CSS2所有语法)

    书中不仅包含了CSS2的所有语法,还深入探讨了CSS3的新特性,如选择器扩展、过渡效果、动画、多列布局、边框与背景的新属性以及媒体查询等。 在CSS2的基础上,CSS3引入了许多增强功能,使得设计更加灵活且富有表现力...

    CSS基本选择器实用PPT学习教案.pptx

    本学习教案主要介绍了 CSS 基本选择器的概念、语法和应用,旨在帮助学生掌握基本的 CSS 选择器,并实践于个人主页项目中。 一、CSS 概念和语法 CSS(Cascading Style Sheets)是用来控制网页样式和布局的标记语言...

    java视屏\6.WEBBASIC\2.CSS概述 、 CSS语法 、 CSS选择器 、 CSS声明.mp4

    java视屏\6.WEBBASIC\2.CSS概述 、 CSS语法 、 CSS选择器 、 CSS声明.mp4

    CSS语法

    CSS的语法结构主要由选择器和声明组成。选择器指向要应用样式的HTML元素,而声明则定义具体的样式规则。一个基本的CSS规则如下: ```css selector { property: value; } ``` 其中,`selector`是HTML元素标签,`...

    CSS基础2-选择器进阶+背景属性+元素显示模式+三大特性

    其语法为:选择器1 选择器2 { css }。结果是,在选择器1所找到标签的后代(儿子、孙子、重孙子…)中,找到满足选择器2的标签,设置样式。 2. 并集选择器: 并集选择器是指使用逗号将多个选择器连接起来,从而同时...

    css3基础语法总结大全

    1. **选择器增强**: - **伪类和伪元素**:CSS3增加了许多新的伪类,如`:hover`, `:active`, `:focus`,以及`:nth-child()`, `:nth-last-child()`, `:first-child`, `:last-child`等,用于更精确地定位元素状态。伪...

    web实验2 CSS基本语法.zip

    实验内容:1.CSS的引入和基本选择器应用;2.利用CSS对网页进行控制;3.利用DIV+CSS实现如图2-3、2-4网页效果的布局和设计,并在多种浏览器上测试。所需图片见附件。4.利用DIV+CSS实现如图2-5网页效果,并在多种浏览器...

    CSS布局与语法参考手册

    1. **CSS选择器**:选择器是CSS中定位HTML或XML文档中特定元素的方式。例如,类选择器(`.class`)、ID选择器(`#id`)、元素选择器(`element`)等。更高级的选择器如伪类(`:hover`,`:active`,`:focus`)和伪...

    CSS属性选择器详解.pdf

    除了基本语法外,属性选择器还提供了多种高级语法,以满足不同的选择需求。 ### 1. `[attr=val]` 用于选择具有指定属性值的元素。例如, `[href="https://www.example.com"]` 将选择所有 `href` 属性值为 `...

    css选择器的应用

    #### CSS语法基础 CSS语法遵循一定的规则: - **选择器**:用来选择要应用样式的HTML元素。 - **属性**:表示要修改的样式方面,如`color`、`font-size`等。 - **值**:每个属性的具体设定值。 #### CSS选择器...

    CSS基本语法与核心概念视频教程

    通过这个“CSS基本语法与核心概念”视频教程,你可以逐步掌握这些基础知识,进而提升网页设计和开发能力。学习并熟练运用CSS,将使你的网页更具吸引力和交互性。记得理论结合实践,不断探索和实验,才能真正掌握CSS...

    CSS基本选择器实用学习教案.pptx

    CSS 基本选择器是 CSS 中的基础知识,掌握了基本选择器的使用,可以更好地控制网页的样式和布局。本文将详细介绍 CSS 基本选择器的概念、语法规则、基本选择器的种类和使用方法。 一、CSS 的概念和语法 CSS...

    它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度

    标题中的“它使用仿CSS选择器的语法来生成代码”指的是Emmet,这是一个非常流行的Web开发工具,尤其在HTML和CSS编码中广泛使用。Emmet通过简化和加速编写复杂的HTML结构和CSS规则来提高开发效率。它允许开发者使用...

Global site tag (gtag.js) - Google Analytics