快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

css复合样式,复选框样式css

css中的font的复合样式的顺序是怎样的

您好,都可以,都能正确的显示,不限顺序。 一般规定的顺序为:font-style,font-variant,font-weight,font-size,font-family。希望能帮到您!

创新互联建站是一家专注于成都网站建设、成都做网站与策划设计,宽甸网站建设哪家好?创新互联建站做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:宽甸等地区。宽甸做网站价格咨询:13518219792

一文学会CSS基本选择器和复合选择器

要想为指定的HTML元素添加CSS样式,首先需要选中该元素。在CSS中,执行这一选择操作规则部分被称为选择器(选择符)。

CSS基本选择器可以分为五类:标签选择器、id选择器、类选择器、通配符选择器和伪类选择器。

多类名选择器

可以给单个标签添加多个类名,既可以提升类样式的复用性,也可以达到添加多种样式的效果。在后面复杂网页的布局中使用较多。

pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="html" cid="n2260" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit;"div class="pink fontWeight font20"苹果/div

div class="font20"香蕉/div

div class="font14 pink"橘子/div

div class="font14"/div/pre

通配器选择器用“*”号表示,它是所有选择器中作用范围最广的,能匹配页面中所有的元素。

常用的结构伪类选择器:

:target 选择器

可用于选取当前活动的目标元素,然后给它添加相应的样式。

pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded md-focus" lang="css" cid="n2337" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit;"h2a href="#brand"Brand/a/h2

div id="brand"

content for Brand

/div

background: orange;

color: #fff;

}/pre

复合选择器是由两个或多个基本选择器,通过不同的方式组合而成的,目的是为了更准确、更精细的选择目标元素标签。

复合选择器的三种类型:交集选择器、并集选择器、后代选择器、子选择器以及相邻元素选择器。

css中的font的复合样式的顺序是怎样的?

可设置的属性(按顺序): "font-style font-variant font-weight font-size/line-height font-family"

font 简写属性在一个声明中设置所有字体属性。

font-size和font-family的值是必需的。如果缺少了其他值,默认值将被插入,如果有默认值的话。

注意: line - height属性设置行与行之间的空间。

例子:

p.ex1{

font:15px arial,sans-serif;

}

p.ex2{

font:italic bold 12px/30px Georgia,serif;

}

扩展资料:

1、font-style:指定文本的字体样式。

属性值:

normal:默认值。浏览器显示一个标准的字体样式。  

italic:浏览器会显示一个斜体的字体样式。  

oblique:浏览器会显示一个倾斜的字体样式。  

inherit:规定应该从父元素继承字体样式。

2、font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-variant 属性主要用于定义小型大写字母文本。

属性值:

normal:默认值。浏览器会显示一个标准的字体。  

small-caps:浏览器会显示小型大写字母的字体。  

inherit:规定应该从父元素继承 font-variant 属性的值。  

3、font-weight:属性设置文本的粗细。

属性值:

normal:默认值。定义标准的字符。  

bold:定义粗体字符。  

bolder:定义更粗的字符。  

lighter:定义更细的字符。  

100-900的整百数:定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。  

inherit:规定应该从父元素继承字体的粗细。

4、font-size:属性用于设置字体大小。  

5、font - family:属性指定一个元素的字体。


本文名称:css复合样式,复选框样式css
链接分享:http://6mz.cn/article/dsdephg.html

其他资讯