css选择器——胖鱼HTML入门第二天

今天是学习的第二天,书接上文,今天学习了css的选择器部分,css又叫做层叠样式表,而网页实际上是一个多层的结构,通过css可以分别为网页的每一层来设置样式,而最终我们能看到的只有最上边的一层。css的作用就是设置网页中元素的样式。

而当我们设计元素样式时,首先就要对需要设置或者说修改的元素/标签/内容进行定位,而在css中,这项工作就是通过选择器来完成的。这一节的内容比较多,也比较重要。

目录

0.学习目标

01.css简介

02.css书写位置

03.css语法

04.css常用选择器

05.css复合选择

06.关系选择器

07.属性选择器

08.伪类选择器

09.a元素的伪类

10.伪元素选择器

11.继承

12.选择器的权重(较为重要)


0.学习目标


  1:css的基本简介,概念
  2:css书写位置,各自的优劣势
  3:常用的选择器有哪些,各自有什么特点或者说什么作用
  4:复合选择器有哪几种,怎么使用
  5:元素之间有哪些关系,子选择器,后代选择器,兄选择器的语法
  6:属性选择器语法,常用的属性选择器
  7:伪类选择器有哪些?
  8:a元素的伪类选择器
  9:伪元素选择器有哪些
  10:选择器的权重

01.css简介



  
    
    
    
    Document
    
  
  
    
  

 02.css书写位置



  
    
    
    
    Document
    
    

    
    
  
  

  
    
李主往,罪一程,法。 气京月,国是谭,冇。 么觉妙当。

加我jwddf

在打然,是事整极向。

舟有答。

03.css语法



  
    
    css语法
    
    
  
  

04.css常用选择器




  
    
    
    
    选择器
    
  
  
    

登高

杜甫

风急天高猿啸哀,渚清沙白鸟飞回。

无边落木萧萧下,不尽长江滚滚来。

万里悲秋常作客,百年多病独登台。

艰难苦恨繁霜鬓,潦倒新停浊酒杯。

05.css复合选择



  
    
    
    
    Document
    
    
  
  
    

满江红·写怀

岳飞·宋

怒发冲冠,凭栏处、潇潇雨歇。

抬望眼,仰天长啸,壮怀激烈。
三十功名尘与土,八千里路云和月。

莫等闲,白了少年头,空悲切!

靖康耻,犹未雪。臣子恨,何时灭!

驾长车,踏破贺兰山缺。

壮志饥餐胡虏肉,笑谈渴饮匈奴血。

待从头、收拾旧山河,朝天阙。

06.关系选择器



  
    
    
    
    Document
    
  
  
    
学校

前端 web2208 web2209

后端 java2214 java2215

设计

07.属性选择器



  
    
    
    
    属性选择器
    
  
  
    

满江红·写怀

岳飞·宋

····

靖康耻,犹未雪。臣子恨,何时灭!

驾长车,踏破贺兰山缺。

壮志饥餐胡虏肉,笑谈渴饮匈奴血。

待从头、收拾旧山河,朝天阙。

08.伪类选择器



  
    
    
    
    Document
    
  
  
    

沁园春·雪

毛泽东

    测试
  • 望长城内外,惟余莽莽;大河上下,顿失滔滔。
  • 北国风光,千里冰封,万里雪飘。
  • 山舞银蛇,原驰蜡象,欲与天公试比高。
  • 须晴日,看红装素裹,分外妖娆。
  • 江山如此多娇,引无数英雄竞折腰。
  • 惜秦皇汉武,略输文采;唐宗宋祖,稍逊风骚。
  • 一代天骄,成吉思汗,只识弯弓射大雕。

09.a元素的伪类



  
    
    
    
    Document
    
  
  
    bilibili
    baidu
    
而兴者郭。

10.伪元素选择器



  
    
    
    
    Document
    
  
  
    hello
    

Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro fugiat maiores sit ex expedita beatae, sint quisquam amet quod cupiditate, tempora omnis impedit deleniti, iure fuga illo quibusdam. Alias, soluta?

11.继承



  
    
    
    
    Document
    
  
  
    

我是一个p元素 我是p元素的span元素 我是span里面的em元素,我也可以继承

我是p元素外的span元素,我不会继承

12.选择器的权重



  
    
    
    
    Document
    
    
  
  
    
    
我是div元素 我是div中的span元素 我是div中的em元素

你可能感兴趣的:(HTML,css,html,前端)