CSS样式


一、snipaste工具使用方法

Snipaste是一个简单但强大的截图工具,也可以让你将截图贴回到屏幕上
常用快捷方式
1.F1可以截图.同时测量大小设置箭头书写文字等
2.F3 在桌面置顶显示
3.点击图片alt可以取色(按下shift可以切换取色模式)
4.按下esc取消图片显示

二、块元素

常见的块元素有

<h1>~<h6><p><div><ul><ol><li>等,其中<div> 

标签是最典型的块元素.
块级元素的特点:
1、比较霸道,自己独占一行。
2、“高度,宽度、外边距以及内边距都可以控制
3、(宽度默认是容器(父级宽度)的100%。
4、是一个容器及盒子,里面可以放行内或者块级元素

三、行内块元素

在这里插入图片描述

四、行内元素

在这里插入图片描述

五、元素转换模式转换

在这里插入图片描述

六、元素显示模式总结

在这里插入图片描述

七、一个小技巧 单行文字垂直居中的代码

CSS没有给我们提供文字垂直居中的代码这里我们可以使用一个小技巧来实现让
文字的行高等于盒子的高度 就可以让文字在当前盒子内垂直居中
在这里插入图片描述

八、CSS 的背景

通过CSS背景属性,可以给页面元素添加背景样式。
背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等

1 背景颜色

background-color 属性定义了元素的背景颜色

background-color:颜色值

般情况下元素背景颜色默认值是transparent(透明),我们也可以手动指定背景颜色为透明色

2 背景总结

在这里插入图片描述

经验总结

1、网页上装饰性图片一般用背景图片制作

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值