文章分类 -  前端 / CSS

层叠样式表
摘要:CSS进阶-背景相关属性 前言 前面学习到了background-color属性,这一节学习一些常用的背景属性。 1、背景颜色 属性名:background-color(bgc) 属性值: 颜色取值:关键字、rgb表示法、rgba表示法、十六进制... 注意点: 背景颜色默认值时透明:rgba(0, 阅读全文
posted @ 2023-05-16 16:45 travellerα 阅读(56) 评论(0) 推荐(0)
摘要:CSS进阶-选择器 前言 前面我们已经学习了4种选择器。接下来要学习的选择器,可以用于比较复杂的场景。 目标: 理解复合选择器的规则,并熟练使用复合选择器在HTML选择元素。 1、复合选择器 1.1 后代选择器 :空格 作用:根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素 选择器语法: 阅读全文
posted @ 2023-05-16 16:43 travellerα 阅读(32) 评论(0) 推荐(0)
摘要:CSS属性-样式重叠 问题: 给同一个标签设置了相同的样式,此时浏览器会如何渲染? 结果: 如果给一个标签设置了相同的属性,此时样式会重叠(覆盖),写在最下面的会生效 TIP: CSS(Cascading style sheets)层叠样式表 所谓层叠即叠加的意思,表示样式可以一层一层的层叠覆盖 因 阅读全文
posted @ 2023-05-15 13:43 travellerα 阅读(101) 评论(0) 推荐(0)
摘要:CSS属性 前言 上一节主要介绍了CSS的选择器,而在CSS选择器中出现了xx:xx;格式的一行代码,我们称之为CSS的属性。 通过前面的学习,我们了解到选择器的作用是帮我们找到对应的html标签,而这一节中属性的作用毫无疑问就是对html标签进行美化的效果。 这一节,主要是学习一些在开发中常用的属 阅读全文
posted @ 2023-05-15 13:41 travellerα 阅读(65) 评论(0) 推荐(0)
摘要:CSS选择器 前言 在前面初识CSS的时候,我们接触到了CSS的语法选择器。我们可以通过选择器找到html标签,并对其设置样式,从而达到美化的效果。 这一节,主要学习选择器的结构和CSS代码编写规则。 目标:了解每一种选择器的作用,并注意选择器的使用规则和场合。 1、标签选择器 结构:标签名 {cs 阅读全文
posted @ 2023-05-15 13:26 travellerα 阅读(95) 评论(0) 推荐(0)
摘要:CSS初识 1、CSS介绍 CSS:层叠样式表(Cascading style sheets) CSS的作用是什么? 给页面中的HTML标签设置样式(美化标签) 2、语法规则 2.1 写在那里? CSS写在style标签中,style标签一般写在head标签里面,title标签下面 2.2 怎么写? 阅读全文
posted @ 2023-05-15 13:23 travellerα 阅读(35) 评论(0) 推荐(0)