css学习笔记

css

css的基础概念;
cascadingnStyle sheet 层叠样式表

选择器

标签:

……之类的标签 使用方式:直接输入标签名

类:(class): class 名字 使用方式:输入点+class名

Id:名 使用方式:输入#+id名

一般来说我们写css文件的时候用的都是第二种选择器,class名,这是因为ID名一般被用作JS的选择器

给Class命名也是有规范的,像xxx-xxxx这样做的好处是让你的代码更加清晰。

三个连接样式

行内样式(内嵌样式)

在这里插入图片描述

直接写在标签里,使用style属性,只对当前标签有效,页面内容和表现形式是高度耦合的,

不利于分工合作

在这里插入图片描述

内部样式是在head部分使用

在这里插入图片描述

字体的相关属性:

在这里插入图片描述

text-decoration:none(默认)/underline(下划线)/overline(上划线)/line-througe(删除线)

direction:ltr(left
to right从左到右)/rtl(right
to left从右到左)

text-transform:
capitalize(首字母大写)/uppercase(所有字母大写)lowercase(所有字母小写)

正常行高

正常行高

正常行高

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值