HTML-02day

1、a的伪装

image.png

2、内联样式

image.png

3、内联样式表

image.png

4、CSS语法

image.png

5、选择器

image.png

6、常用选择器

image.png

7、否定伪装

image.png

8、复合选择器

image.png

9、块和内联

image.png

10、类选择

image.png

11、群组选择器

image.png

12、属性选择器

image.png

13、通配选择器

image.png

14、伪类选择器

image.png

15、伪元素

image.png

16、兄弟元素选择器

image.png

17、选择器的优先级

image.png

18、样式表

image.png

19、样式的继承

image.png

20、元素选择器

image.png

21、子元素选择器

image.png

22、子元素和后代元素选择器

image.png

一 plate plate元素
二 bento bento元素
三 #fancy id为fancy的元素
四 plate apple plate祖先元素下的apple后代元素
五 #fancy pickle id为#fancy的祖先元素下的pickle后代元素
六 .small 组为small的元素
七 orange.small 组为small的orange元素
八 bento>orange.small bento父元素下的组为small的orange子元素
九 plate,bento,div plate,bento兄弟元素在div元素中
十 * 代表所有元素
十一 plate>
plate父元素的所有ziyuansu
十二 plate + apple 兄弟元素选择器,plate元素的后一个元素
十三 bento~pickle 兄弟元素选择器,bento元素后的多个pickle元素
十四 plate>apple plate父元素下的apple子元素
十五 plate orange:first-child 子元素选择器,plate元素下的第一个orange元素
十六 plate :only-child plate里只有一个

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,827评论 1 92
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,673评论 0 30
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,356评论 2 66
  • 《战狼》2刚看完,电视上看完的。因为看了1觉得不值花钱去电影院看2。虽然吴京也是我喜欢的演员,虽然吴京的敬业与拼劲...
    东篱诗情阅读 124评论 2 1
  • 今天配置了一下Swift的debug模式,搞了半天没用,查了一下官方文档,终于解决首先 配置 -DMY_DEBUG...
    未知的远方阅读 2,291评论 0 1