这次给大家带来Css的分类，属性与选择器，使用Css的分类，属性与选择器的注意事项有哪些，下面就是实战案例，一起来看一下。
Css 层叠样式表 美化页面的小工具
分类：
内联 （行内）在标签内部以属性的形式呈现，属性名style
内嵌 head标签内以标签形式呈现，标签名style
外部 head标签内 加link标签 引入外部文件 *.css
登录后复制
link标签
插入icon图标(加icon图标，路径必须绝对路径)
登录后复制
icon图标
选择器：
用来找元素，将样式用在标签上。
标签选择器 .p{}
id选择器 #id{}
class选择器.class{}
并列（加逗号）选择器1，选择器2
父子（加空格）父选择器 标签选择器
*{}全页面
属性：
文本：
text-decoration 文本修饰 （下划线什么的）
text-indent 缩进
text-shadow 阴影 1px（水平阴影的位置）1px（垂直） 1px（模糊的距离） # （阴影颜色）
font-weight字体加粗
em表一个字大小
背景：
标签选择器： 属性 定义p内图片在p的位置 可以写两个值左右上下
#p{ width:100%; height:111px; background-image:url(); background-position:34% 0 }
登录后复制
bg-position
标签选择器 图片大小 等比缩放
background：颜色 图片 平铺 位置 大小
总结问题：
1.text-indent 缩进属性，只能用在块标签上，span之类的行标签不能用
解决办法：给span加display:inline-block;属性，变为行内块标签。
2.大p套小p，若父p不设宽高，则他会随着子p的位置移动而改变。
如margin float属性，写在子p，父p也会移动。
解决办法：给父p设置边框或定义宽高。
3.改变的颜色
取消边框，设背景色 设高。
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
标签选择器
标签选择器
标签选择器
以上就是Css的分类，属性与选择器的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2780841.html
