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

相关推荐
imLix13 分钟前
RunLoop 实现原理
前端·ios
微小的xx18 分钟前
java + html 图片点击文字验证码
java·python·html
wayman_he_何大民18 分钟前
初始机器学习算法 - 关联分析
前端·人工智能
飞飞飞仔22 分钟前
别再瞎写提示词了!这份Claude Code优化指南让你效率提升10倍
前端·claude
刘永胜是我23 分钟前
node版本切换
前端·node.js
成小白27 分钟前
前端实现表格下拉框筛选和表头回显和删除
前端
wayman_he_何大民28 分钟前
初始机器学习算法 - 聚类分析
前端·人工智能
wycode29 分钟前
Vue2实践(3)之用component做一个动态表单(二)
前端·javascript·vue.js
用户10922571561044 分钟前
你以为的 Tailwind 并不高效,看看这些使用误区
前端
意会1 小时前
微信闪照小程序实现
前端·css·微信小程序