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语法:

相关推荐
程序员爱技术1 小时前
Vue 2 + JavaScript + vue-count-to 集成案例
前端·javascript·vue.js
并不会2 小时前
常见 CSS 选择器用法
前端·css·学习·html·前端开发·css选择器
悦涵仙子2 小时前
CSS中的变量应用——:root,Sass变量,JavaScript中使用Sass变量
javascript·css·sass
衣乌安、2 小时前
【CSS】居中样式
前端·css·css3
兔老大的胡萝卜2 小时前
ppk谈JavaScript,悟透JavaScript,精通CSS高级Web,JavaScript DOM编程艺术,高性能JavaScript pdf
前端·javascript
低代码布道师2 小时前
CSS的三个重点
前端·css
耶啵奶膘3 小时前
uniapp-是否删除
linux·前端·uni-app
王哈哈^_^5 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
cs_dn_Jie5 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic6 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js