10. html用的id和class

HTML教程入门

id和class:CSS的id和class在HTML元素中设置CSS样式,你需要在元素中设置’id’ 和’class’选择器。 HTML name、id、class 的区别。在一个页面中,有许多的控件(元素或标签)。为了更方便的操作这些标签,就需要给这些标签标识一个身份牌。

id和class

我们将研究IDS和类。使用这些标签分配特定的元素。

1、先写无须列表;

之前的课程已经学会了引用外部样式表,今晚叫你们一个新的引用样式的方法,叫内联css(inline css),这种方法通常是用在小项目。

1、写在head元素,我们学习一个新的元素,叫style

2、我们把无序列表所有的li元素内容变红色;

3、在第三个li元素内容添加红色:

1、li元素添加color:red;
2、引用id,不好的写法third_li、3_li、通常我们可以emphasis做id名称,强调的意思;
3、第一个li也用id=”emphasis”,颜色变红;
4、在实际实践,相同的ID通常不会用,用class来代替.emphasis;
1、不想用在li元素添加class或者id:
1、li:nth-child(3){},所有的ul的第三个字辈;
2、可以在第一个ul引用id,#sec li:nth-child(3){}
3、ul:first-of-type li:nth-child(3),所有的网页设计不会用这种方法;

接近10年的互联网从业经验,精通Scrum敏捷软件开发的方法,从事互联网产品设计,开发,测试,运营,案例不少于20个,发现自己最喜欢的工作是做外贸营销,外贸SEO,特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术,只要加进来坚持学习零基础也能够学会。

Last modified: 2019年8月1日

Previous Story

HTML教程入门

9. html用div的作用

div的作用:div可定义文档中的分区或节(division/section)。 div标签可以把文档分割为独立的、不同的部分。 它可以用作严格的组织工具,并且不使用任何格式与其关联。

...

Next Story

HTML教程入门

11. HTML浮动和简单布局

HTML浮动:只要是像div等块标签就要使用到浮动布局,在网页显示时,无论其宽的大小,都是独占一行。而在网页布局中,我们常常需要将两个或者是多个div并排放置。

...