css初级知识点(css样式分类、css选择器种类及优先级)

美化样式

Css样式分类

行内样式：<标签名style=“属性名:属性值;”></标签名>

内部样式：<style></style>

注意：<style><>/style>写在<head></head>里面。

外部样式：

外部样式(企业中推荐应用)：

1.在css文件夹下新建一个css文件（放样式）

2.在head里面引用样式<link rel=“stylesheet” type=“text/css” href=“css文件地址”/>

Css样式的优先级

行内样式>内部样式>外部样式

Css选择器:用在内部样式或外部样式

标签选择器：

标签名（元素）{

css样式

}

类选择器：

1.给元素（标签）起一个类名

2.通过类选择器实现样式设置

.className{

css样式

}

在body里面用class=

id选择器：

id名：唯一

#id名{

css样式

}

通配符选择器：

通配符：匹配页面中所有的标签，设置样式

5、群组选择器：

单一选择器,单一选择器{

css样式

}

//注意：这里的单一选择器就是上面所提到的四种选择器

6、后代选择器：

包含关系

祖先元素后代元素{

css样式

}

7、子代选择器：

父子关系

父元素 >子元素{

css样式

}

Css选择器的优先级

css初级知识点(css样式分类、css选择器种类及优先级)相关推荐

CSS初级教程(颜色、注释、选择器）【第一天】
CSS初级教程[第一天] [1]CSS初识 [2]CSS简介 [3]CSS语法 [4]CSS 选择器 [5]CSS使用 [6]CSS 注释 [7]CSS 颜色 [8]CSS RGB 颜色 [9]CSS ...
CSS入门基础（样式，css文件，选择器）
CSS入门学习 CSS的简介基本语法结构基本用法给元素添加样式行内样式内部样式外部样式定义样式css文件在html中引入css文档选择器标签选择类选择 id选择 CSS的简介层 ...
Css选择器种类以及优先级
目录标题元素选择器 id选择器类选择器后代选择器子代选择器兄弟选择器相邻选择器群组选择器全局选择器属性选择器伪类选择器选择器优先级元素选择器以标签名开头,选择所有span元素 ...
css如何调整红心样式_jQuery CSS()方法改变CSS样式
jQuery入门实例:使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性.其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔.比如要改变链接颜色,可以这样编写代 ...
导入式样式表CSS与链接式样式表CSS的区别
 <head> <link h ...
CSS基本知识点——带你走进CSS的新世界
css样式表和选择器
CSS样式----图文详解:css样式表和选择器主要内容 CSS概述 CSS和HTML结合的三种方式: 行内样式表 . 内嵌样式表 . 外部样式表 CSS四种基本选择器: 标签选择器 . 类选择器 ...
css 默认显示滚动条,css控制默认滚动条样式
针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下: 滚动条组成部分 1. ::-webkit-scrollbar 滚动条整体部分 2. ::-webkit-scrollbar-t ...
前端css基础知识点之PC端项目-规范
前端css基础知识点之PC端项目-规范 1 文件管理文件名用英文命名 css文件夹 reset.css(常用的浏览器样式) public.css(公共的样式.比如页面的头部尾部.重复使用字体.字号等 ...

css初级知识点(css样式分类、css选择器种类及优先级)

css初级知识点(css样式分类、css选择器种类及优先级)相关推荐

最新文章

热门文章