CSS学习记录(一):定位标签

本文是CSS学习的第一部分,主要介绍了CSS的定位和选择器。讲解了@import标签用于引用其他CSS文件,提倡使用外部CSS而非内联样式。此外,详细阐述了各种选择器的用法,包括全选选择器、标签选择器、类选择器、ID选择器、结构选择器、属性选择器以及伪类选择器。还提到了伪类选择器在表单和文本设计中的应用,以及如何利用after伪元素添加特殊字符。
摘要由CSDN通过智能技术生成

零碎的知识点

  • @import标签,在css文件中引用其他css文件
  • 少用嵌入式CSS
  • easy less
  • live server:从live server打开网页,可以同步查看效果

CSS语法

选择器

  • *:全部选择器
  • h1/h2:标签选择器
  • .类名:类选择器
  • #id:id选择器
  • 标签 子标签 子标签+子标签:结构选择器,加号链接兄弟标签,空格表现父子关系(并不是子标签,还包括子标签下面的)
  • 标签[属性]:属性选择器,约束有某个属性的标签,如果是”标签[属性=xxx]“就是对内容进行限定,类似正则$约束结尾^约束开头,管道符号说明内容可以用-链接,不能用其他的
  • 标签:伪类:伪类选择器,在不同状态下的样式。
  • :empty:空选择器,针对后台传来的空数据
  • :root:根选择器
  • 结构伪类选择器(表单、文本、普通标签)

选择器可以混用

ps:伪类选择器例子

<style&g
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值