分享更有价值
被信任是一种快乐

CSS选择器和常用样式有哪些

文章页正文上

本篇内容主要讲解“CSS选择器和常用样式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS选择器和常用样式有哪些”吧!
直接写在标签内段落
写在 style 标签内
使用外部 .css 文件
link
@import (不建议使用此方式)
优先级:id选择器 > class 选择器 > 标签选择器
标签选择器:标签名{}
clas免费云主机、域名s选择器(“.”符号):.class名{}
id选择器(“#”符号,id 选择器唯一):#id名{}
群组 选择器(“,”逗号分开):
群组选择器可以同时选择多个标签
p,div{…}
层次选择器
子代 (符号“>”):div>p{…}
后代 (空格):div p {…}
相邻 (符号“+”):#p_id~span {…}
兄弟 (符号“~”):#p_id~p {…}
伪类选择器(符号“:”)
a:active {…}
a:hover {…}
a:visited {…}
a:link {…}
link:未访问过的样式
visited:访问过后的样式
hover:划过的样式
active:激活的样式
字体:font-family
字体大小:font-size
字体样式:font-style
字体粗细:font-weight
字体小大写:font-variant (将小写字母改为小型字体的大写字母)
复合样式:font (默认顺序:style variant weight size/height family)

对齐方式:text-align
首行缩进:text-indent
文本线:text-decoration
字距:letter-spacing
词距:word-spacing
行高:line-height

背景颜色:background-color
背景图片:background-image
背景铺盖:background-repeat
背景大小:background-size
背景定位:background-position
复合样式:background
backgroud:red url(” “) no-repeat center;
到此,相信大家对“CSS选择器和常用样式有哪些”有了更深的了解,不妨来实际操作一番吧!这里是云技术网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: 怎么写出干净的JS代码

本篇内容介绍了“怎么写出干净的JS代码”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!我们常常会用到数字,比如以下代码:谁知道这个 100 具体指的是什么?我们通…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册