CSS基础,选择器
2023-09-14 08:57:41 时间
一、css:
是层叠样式,用于美化修饰页面的
二、html与css的区别
html作用:
决定了网页的内容和结构
css作用:
美化网页,具体说是美化修饰html标记
三、css语法:
选择器{
属性1:值1;
属性2:值2;
}
四、基本选择器:
html标记选择器、类选择器、id选择器
html标记选择器:
声明时:选择器名是html标记名,一定是页面上存在的标记名称,
应用:自动在该类标记上应用
应用范围:
整个页面所有的该类标记都使用同样的样式 也就是说
html标记重复使用在同类标记上
类选择器
声明时:名称以“.”开头的任何名称
应用时:用html标记的class属性应用,指定类选择器名称,不加“.”
应用范围:
类选择器可以应用在任何标记上,而且可以重复使用多次
注意:类选择器优先级高于html标记选择器
id选择器
声明时:名称以“#”开头的任何名称
应用时:用html标记的id属性应用,指定类选择器名称,不加“#”
应用范围:
id选择器可以应用在任何标记上,但在同一页面中不重复使用,只应用在一个标记上
优先级:
id选择器>类选择器>html标签选择器
相关文章
- CSS布局基础(待补充完整)
- pycharm基础设置最新版2022
- 前端基础:100道CSS面试题总结
- css怎么改鼠标样式,如何利用CSS改变鼠标的样式
- java基础练习题(含答案)[通俗易懂]
- C语言编程基础入门经典100题(1-10)-简书_c语言简单代码
- 【重识云原生】第六章容器基础6.4.5.1节——Deployment概述
- css基础动画
- CSS基础学习(2)
- Python基础:可视化理解嵌套的列表解析
- CSS 换行_css不允许换行
- 【原创】CSS基础以及常用使用方法
- MySQL数据库基础学习(十一)
- MySQL数据库基础学习(二十七)
- 【CSS教程】紫色渐变登陆布局html+css代码
- 【CSS教程】简约渐变色登陆布局html+css代码
- JS基础第一课
- CSS基础(二)
- 学习Linux程序设计,开启编程之旅(linux程序设计基础)
- MySQL登陆系统CSS实现一键登录(css mysql登陆)
- Redis配置实践从基础到进阶(redis配置示例)
- 学习YUI.Ext基础第一天
- CSS基础CSS选择符