CSS基础选择器

标签选择器:标签名 p{ font-size:16px;}

类选择器:.class { font-size:16px;}

<标签名 class= "类名称">标签内容</标签名>

id选择器:#id { font-size:16px;}

<标签名 id= "id名称">标签内容</标签名>

优先级:ID选择器>类选择器>标签选择器

数字不能作为开头

标签指定式选择器(交集):选择器1选择器2... ph1{ font-size: 36px;}(既符合选择器1,又符合选择器2)

包含选择器(子代):选择器1 选择器2 ...p h1{ font-size: 36px;}

群组选择器(并集):选择器1,选择器2,选择器3... ph1{ font-size: 36px;}

通配符选择器*{margin: 0px;padding: 0px; }

h1,p,...所有元素{margin: 0px;padding: 0px; }(消除默认边框的影响)

(常用于去除页面标签默认的margin和padding)

Emmet语法:

相关推荐
似水流年QC几秒前
前端国际化实战指南:i18n 工程化最佳实践总结
前端
GISer_Jing1 分钟前
企业级前端脚手架:原理与实战指南
前端·前端框架
非凡ghost6 分钟前
Floorp Browser(基于Firefox火狐浏览器)
前端·windows·学习·firefox·软件需求
hpz12238 分钟前
XHR和Fetch功能对比表格
前端·网络请求
我是小邵14 分钟前
【踩坑实录】一次 H5 页面在 PC 端的滚动条与轮播图修复全过程(Vue + Vant)
前端·javascript·vue.js
苹果电脑的鑫鑫19 分钟前
Css画圆弧的方法
前端·css
借个火er29 分钟前
Vue.js 源码揭秘(一):Vue3 架构总览
前端
千寻girling32 分钟前
面试官: “ 请你说一下什么是 ajax ? ”
前端·javascript
MQliferecord36 分钟前
webpack的生命周期与Loader/Plugin
前端
@大迁世界39 分钟前
JavaScript 框架的终结
开发语言·前端·javascript·ecmascript