CSS笔记(菜鸟教程)

CSS层叠式样表(cascading style sheet)
1.CSS语法
(1).注释:/这是一个注释/
2.CSS创建
如何插样式表?
(1).外部样式表:(样式应用于很多页面)
在这里插入图片描述
(2).内部样式表:(单个文档需要特殊样式)
在这里插入图片描述
(3).内联样式表:(慎重使用)在这里插入图片描述
(4).多重样式:
优先级:内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式
3.CSS背景
(1).background-color:背景颜色
在这里插入图片描述
(2).background-attachment:背景图像是否固定在页面还是随着内容滚动
fixed(不会随着页面滚动而滚动)
local(随着页面的滚动而滚动)
(3).background-image:设置背景图片

在这里插入图片描述
(4).background-position:设置图片的位置
在这里插入图片描述
(5).background-repeat:定义背景图是否及如何重复
repeat:默认垂直水平重复占满
repeat-x:水平重复横向
repeat-y:垂直重复竖直
no-repeat:不会重复只有一块儿
4.CSS文本格式:就是文字的样式啦
(1).文本颜色(color)
(2).文本对齐方式(text-align):
center居中
justify每一行被展开为宽度相等,左,右外边距是对齐
(3).文本修饰(text-decoration):
overline(上划线)
underline(下划线)
line-through(删除线)
(4).文本转换(text-transform):字母大小写
(5).文本缩进(text-indent):50px度量
5.CSS Fonts:CSS字体
(1).CSS字型:
serif:字符在行的末端拥有额外的装饰
sans-serif:字符在行的末端没有额外的装饰
Monspace:所有等宽字符具有相同的宽度
(2).font-family:设置文本的字体系列
(3).font-style:设置字体样式属性
normal:正常
italic:斜体
oblique:向一边倾斜
(4).font-size:设置字体的大小及像素
如果不指定一个字体的

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值