现在网页面中,需要使用CSS来进行布局,我这里为您介绍,html如何使用CSS的组合标签来设置html页面样式。
工具/原料
1
CSS
2
HTML
方法/步骤
1
在CSS中,比较常用的的方式就是使用class来调用样式
2
具体的用法是在需要使用到的标签处加一个class,在CSS中添加一个这个class的具体样式。
3
其次,也会使用id来调用样式。主体的做法是在html需要调用class样式的标签中定义一个id.
4
在CSS中定义id所对应的样式。
5
不过以上都是简单的样式,在平时使用中,需要使用到大量的组合标签。这些组合标签包括了后代选择器与子代选择器。
6
上图所示的是后代选择器。后代选择器会去查找满足条件的子代元素,如果子代元素下还有子代选择器符合要求的,会一同选择。比如下图所示,如果使用CSS代码去设置div中的
那么嵌套在li标签下的li标签也会被选。7
后代选择器,可以是.class .class也可以是#id .class 或是 .class 标签名 等都是可以的。
8
后代选择器入下图所示,它只选择子代标签,如果子代标签下还有符合条件的标签,是不会被选择的。
9
CSS的使用是比较灵活的,您可以根据您的需求,对其进行定义,而且CSS代码比较简单,没有太多的语法规则,只要符合基本的语法即可。如果是使用逗号分割,表示逗号左右共用一个描述样式。
10
上图所示的代码意思是删处body与ul及li的默认margin与padding.
11
以上便是组合标签的使用规则,这些规则在实际生活中都能找到实际的例子,根据生活中的理解来解释这些标签即可。
12
CSS很简单,希望您拥有一个愉快的学习经历。
上一篇:什么是canonical标签?