2020-12-09

CSS
文本样式
font-size (默认:inherited,继承父级大小)(像素:px、百分比:%、倍数:em)(小:small、大:large、正常:medium)
font-weight (默认:normal、普通)(粗体:bold、有强调的意思、粗细700)(自定义:100-900)
font-family 格式:“宋体”,“Arial”;)添加多种字体,用逗号隔开、防止一些用户没有第一种字体,就会显示第二种字体
font-style (默认:normal)(有斜体的字体设置斜体:italic)(所以字体斜体:oblique)
color 三种样式:(名称:red)(16进制的RGB值:#RRGGBB)(rgba函数:rgba(255,0,0,0.5))红,绿,蓝,透明度
font 基本写法:(style weight size family)必要写法:(size family)
背景样式
background-color 和文本样式的三种写法一样
background-image (路径:url(路径))
background-repeat (默认:repeat,平铺满)(水平平铺:repeat-x)(垂直平铺:repeat-y)(不平铺:no-repeat)
background-position 坐标:(x y)、数字:(px/%)、水平:(left/center/right)左/中/右、垂直(top/bottom)上/下
background-attachment (按元素进行偏移(默认):scroll)(按浏览器进行偏移:fixed)
background 基本写法:(color image repeat position)

段落样式
text-align (默认左对齐:left)(居中:center)(右对齐:right)(两端对齐:justify)
line-height (默认:不是固定值,根据当前字体的大小变化)(数字:px或scale[相对于原来字体的比例])
text-indent 缩进:font-size的两倍,或2em[em相对单位],永远跟一个字体设置的大小相同
text-decoration (默认:none)(下划线:underline)(删除线:line-through)(上划线:overline)
text-transform 针对英文(小写:lowercase)(大写:uppercase)(首字母大写:capitalize)
letter-spacing
word-spacing
word-break break-all
word-wrap break-word

边框样式
border-width (像素:px)(倍数:em)
border-color 和文本样式的三种写法一样
border-style (默认,实线:solid)(虚线:dashed)(点线:dotted)
border-collapse (默认,分开:separated)(合并:collapse)
border 基本写法:(width,color,style)
元素显示类型display
display (块级元素:block)(行内元素:inline)(行内块元素:inline-block)(不占空间隐藏:none)
块级元素 block
行内元素 inline
行内块元素 inline-block
不占空间隐藏 none块级元素 block
行内元素 inline
行内块元素 inline-block
不占空间隐藏 none
visibility 元素显示和隐藏 (默认,显示:visible)(占空间隐藏:hidden)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值