CSS学习记录/文本样式、装饰、对齐、粗细、字体、颜色等的控制。

格式:

<style type="text/css">
          标签名称{
                属性名称:属性对应的值;
          }
</style>

注意点:
1、CSS必须写在style标签里面,style标签必须写在head标签内。
2、style标签内的type属性其实可以不用写,默认为type=“text/css”。
3、设置样式时必须按照固定的格式来设置。key: value;

文字样式:font-style:
normal:正常的 快捷键 :fsn+table
italic:倾斜的 快捷键:fs+table

文字粗细:font-weight: 快捷键:fw+table
单词取值:
bold:加粗。快捷键:fwb+table
bolder:比加粗还要粗,有极限。快捷键:fwbr+table
lighter:细线,默认就是细线。 快捷键:fwl+table
数字取值:
100-900之间整百数字。

文字大小:font-size: 快捷键:fz大小+table
单位:px(像素)
注意:用css规定文字大小必须写单位。

文字字体:font-famliy: 快捷键:ff+table
默认为宋体,如果字体是中文时,一定要用双引号或单引号,设置的字体必须是电脑安装过了的字体。

缩写格式:font: style weight size family;
(style可以省略,weight可以省略,两者可以交换位置。size和family,两者必须写在所有属性之后,family必须写在size之后。)
例:

p{
            font: normal lighter 20px Tahoma,"微软雅黑";
        }

如果字体不存在,又不想用系统默认字体怎么办?
可以给字体设置备选方案。

怎么给英文和中文设置不一样的字体?
英文字体写在前面,中文字体写在后面。
例:

font-family: Adobe Arabic,'微软雅黑';

补充:企业开发中常见的几种字体。
中文:宋体、黑体、微软雅黑。
英文:“Times New Roman”、Arial。
英文名的字体并不一定就是英文字体。

文本装饰:text-decoration:
underline 下划线 快捷键:td:u
line-through 删除线 快捷键:tdl
overline 上划线 快捷键:tdo
none 什么都没有,通常用于去掉超链接下划线。 快捷键:td

文本水平对齐:text-align:
left 左
right 右
center 中

文本缩进:text-indent:
单位:em(一个文字) 快捷键:ti数字e

文本颜色:color:
英文单词赋值。是有限制的,表达并不全。

rgb赋值:三原色,r(red) g(green) b(blue) 格式:rgb(0,0,0)
红色:rgb(255,0,0);
绿色:rgb(0,255,0);
蓝色:rgb(0,0,255);
黑色:rgb(0,0,0);
白色:rgb(255,255,255);
灰色:三个值一样就是灰色,值越大越偏白色,值越小越偏黑色。

rgba赋值:三原色加透明度。格式:rgba(0,0,0,0) 透明度取值0-1,取值越小越透明。

十六进制赋值:本质就是rgb,每两位表示一个颜色。
公式:用十六进制数的第一位16+十六进制第二位2=十进制

十六进制缩写赋值:
CSS中每两位的值一样就可以简写,不属于同一颜色不能简写。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小婵婵不怕鬼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值