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


本篇内容主要讲解“CSS选择器和常用样式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS选择器和常用样式有哪些”吧!
直接写在标签内段落
写在 style 标签
使用外部 .css 文件
link
@import (不建议使用此方式)
优先级:id选择器 > class 选择器 > 标签选择器
标签选择器:标签名{}
class选择器(“.”符号):.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选择器和常用样式有哪些”有了免费云主机域名更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: web开发中为什么要用语义化标签

这篇文章将为大家详细讲解有关web开发中为什么要用语义化标签,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 语义化是给其他程序猿,更是给搜索引擎。 比如我一个页面可以这样写 我也可以这样写 明显后者的SEO友好程度更高,搜索…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/18 21:19
下一篇 01/18 21:19

相关推荐