12.5学习日报(CSS 文本样式、背景样式、段落样式、边框样式元素显示类型display)

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-breakbreak-all
word-wrapbreak-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、付费专栏及课程。

余额充值