html的css样式中表示后代选择器,css样式,后代选择器

css介绍

CSS(层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观。

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。

css语法(下图所示)

每个CSS样式由两个组成部分:选择器(标签名)和声明(包括属性和属性值),每个声明之后用分号结束。

css注释写法

/*这是注释*/

html的css样式中表示后代选择器,css样式,后代选择器_第1张图片

css的引入方式

行内样式(是在标记的style属性中设定CSS样式。)

Hello world.

内部样式Title

background-color: #2b99ff;

}

外接样式(将css写在一个单独的文件中,然后在页面进行引入即可) 常用1. #现在写的这个.css文件是和你的html是一个目录下;如果不是一个目录,href里面要写上这个.css文件的路径

2.

@import url('./index.css');

CSS选择器(找到对应的标签)

基本选择器:

1.标签选择器

2.id选择器

3.类选择器

1.标签选择器(可以选中所有的标签元素,比如div,ul,li ,p等等,不管标签藏的多深,都能选中,选中的是所有的,而不是某一个)

body{

color:gray;

font-size: 12px;

}2.id选择器(#选中id)#同一个页面中id不能重复。

任何的标签都可以设置id

id命名规范 要以字母 可以有数字 下划线-大小写严格区分 aa和AA是两个不一样的属性值#box{

background:green;

}3.类选择器

所谓类:就是class . class与id非常相似 任何的标签都可以加类,但是类是可以重复,属于归类的概念。同一个标签中可以携带多个类,用空格隔开

类的使用,要有”公共类“的概念。

.big{

你可能感兴趣的:(html的css样式中表示后代选择器,css样式,后代选择器)