1、CSS 语法和选择器

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:

h1
{
color:blue;
font-size:12px;
}

选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性是您希望设置的样式属性。每个属性有一个值。属性和值被冒号分开。

CSS 注释:

/*这是个注释*/

选择器的优先级:

标签内部样式 > id > class > 标签选择器

标签选择器实例:

<style>
h3{
color:red;
}
</style>
<h3>菜鸟教程</h3>

id 选择器:

id 选择器可以为标有特定 id 的 HTML 元素指定待定的样式。

HTML 元素以 id 属性来设置 id 选择器,CSS 中 id 选择器以添加“ # ”来定义:

HTML--->

id = prar1

CSS--->

#para1
{
text-align:center;
color:red;
}

class 选择器:

lass 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:

.center
{
text-align:centr;
}

也可以指定特定的HTML元素使用classa选择器:

h1.center
{
text-align:center
}

原文地址:https://www.cnblogs.com/blackfriday/p/8370985.html

时间: 2024-10-07 16:01:51

1、CSS 语法和选择器的相关文章

CSS语法、选择器、继承、层叠

行内样式(内联样式) <h1 style="color:red;font-size:20px;">css行内样式</h1> 内部样式表(嵌入样式) <!-- -->解决低版本浏览器不识别style标签的情况 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Doc

CSS基本语法和选择器

CSS是指层叠样式表(cascading style sheets),样式定义如何显示HTML元素,是真正能够做到网页表现和内容分类的一种语言. [1]CSS基本语法 [2]CSS两种结合方式 [3]几种选择器 基本语法 基本语法也就两种,在head中使用选择器选择,然后在body中使用,如下中的样式属性键:样式属性值1 样式属性值2...是多个属性值的连用. <!DOCTYPE html> <html> <head> <title>02-结合方式2.htm

CSS基础,选择器

一.css:      是层叠样式,用于美化修饰页面的二.html与css的区别    html作用:                   决定了网页的内容和结构    css作用:        美化网页,具体说是美化修饰html标记三.css语法:    选择器{          属性1:值1:           属性2:值2:          }      四.基本选择器:        html标记选择器.类选择器.id选择器 html标记选择器:       声明时:选择器名是h

css基础语法和选择器的使用

css语法 selector{ property:value } 例:h1{color:red; font-size:14px} 属性大于1个之后,属性之间用分号隔开 如果值大于1个单词,则需要加上引号 p{font-family:"sans serif";} 选择器分组: h1,h2,h3,h4,h5,h6{color:red;} 继承: body{ color:green; } css-派生选择器 通过依据元素在其位置的上下文关系来定义样式 css-id选择器 id选择器可以为标有

我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级

首先看一下使用Css设置h1标签字体颜色和大小的例子,效果图如下: 新建一个网页test.html,然后复制粘贴下面的内容: <html> <head> <style type="text/css"> h1 {color:red; font-size:14px;} </style> </head> <body > <h1>使用Css让h1标签字体变红</h1> </body> &

Unit02: CSS 概述 、 CSS 语法 、 CSS 选择器 、 CSS声明

Unit02: CSS 概述 . CSS 语法 . CSS 选择器 . CSS声明 my.css p { color: yellow; } demo1.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 2.内部样式:在head元素内部的style标签内 写样式,这种样式

CSS知识点整理(1):CSS语法,层叠次序,选择器,其他重要方面。

1. css的全称 2. CSS的层叠次序:优先级由低到高 ·浏览器设置 ·外部样式表 ·内部样式表 ·内联样式 3. CSS的3种形式,以及每种形式的语法格式 --注意样式表的为什么常用link 4. CSS基本语法: selector(property:value; color:red; declaration3; ...) 涉及到的名词:选择器,声明,属性,属性值, 词列表 5.继承以及问题 继承:根据CSS,子元素从父元素继承属性. 部分旧式浏览器无法理解继承.比如 ·Netscape

我的笔记之——CSS的定义、基本语法及选择器的使用

一.CSS的定义 1.什么是css Cascading Style Sheet 层叠样式表 级联样式表 样式表 2.作用: 实现了内容和表现的分离 提高了代码的可重用性和可维护性 二.css样式表的使用方式 使用方式共分三种,使用任何一种都可以更改页面的样式. 1.内联方式 内联样式: 将css样式定义在HTML的标签中 特点:不通用,只能定义某一标签的单独样式. 2.内部样式表 将一系列样式定义在HTML的<head>中 特点:当前网页任何一个标签都可以使用,体现出可重用性. 3.外部样式表

css语法以及css选择器

CSS语法 CSS的标准语法主要由两方面构成一是 选择器.二是 声明框. 一.选择器      通过选择器可以选定页面指定的元素,并将声明块中的样式应用在选择器选中的元素中去. 二.声明框      是一对{  }标志,声明块紧跟在选择器后面,实际上声明块里面就是一组一组的属性名与属性值对应的结构.称之为声明,一个声明块中可以有多个声明.多个声明之间使用分号:  进行隔开,声明的样式与样式值之间用: 连接. CSS常用选择器 元素选择器   通过元素选择器选择页面中所有指定的元素(选择器就是元素