网页前端笔记3
2022/2/7 6:15:50
本文主要是介绍网页前端笔记3,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
css
1.主要内容
2.css概述
CSS层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
CSS是用来美化网页的,没有网页CSS则毫无用处,所以CSS需要依赖HTML来展示其功能。
3.CSS基础使用
css样式由选择器和一条或多条以分号隔开的声明组成,每条声明包含一个css属性和属性值。
选择器名{
属性:属性值;
......
}
4.css选择器
在css中,选择器是一种模式,用于选择需要添加样式的元素。
4.1 基本选择器
4.1.1通用选择器
选择所有*
*{ .....
}
*{
color:orange;
}
4.1.2元素选择器
选择指定标签
元素名称{....
}
p{ color:red; font-size:20px; }
4.1.3.ID选择器
选择设定过制定id属性值的元素
#id属性值{....
}
#p1{ font-weight:bold; }
4.1.4类选择器
选择设定过指定class值的元素
.class属性值{....
}
.hidden{ display:none; }
4.1.5分组选择器
当几个元素样式属性一样时,可以共同调用一个声明,元素直接用逗号分割
选择器1,选择器2,....{....
}
4.2组合选择器
css组合选择器说明了两个选择器之间的关系,css组合选择符包含各种简单选择符的组合方式。
css中包含四种组合方式:后代选取器(空格分割),子元素选取器(大于号分割),相邻兄弟选择器(大于号分割),普通兄弟选择器(波浪线分割)
这篇关于网页前端笔记3的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-25前端大厂面试真题解析与实战攻略
- 2024-12-25如何准备前端面试:新手指南
- 2024-12-25前端面试题详解与实战攻略
- 2024-12-25前端面试真题详解与实战攻略
- 2024-12-252024前端大厂面试真题详解及备考指南
- 2024-12-252024前端面试必备指南:从零开始掌握前端面试技巧
- 2024-12-252024前端面试题详解与实战指南
- 2024-12-21动态面包屑教程:新手入门指南
- 2024-12-21动态主题处理教程:新手必读指南
- 2024-12-21富文本编辑器教程:新手入门指南