十一,CSS的属性

1,文字属性

1)文字样式的属性

格式:

font-style:italic;

取值:

normal:正常的(默认取值);

italic:倾斜的。

WS中的快捷键

fs:font-style:italic;

fsn:font-style: normal。

2)文字粗细的属性

格式:font-weight: bold;

单词取值:

bold:加粗

bolder:比加粗还要粗

lighter:细线(默认)

数字取值:100~900之间整百的数字。

快捷键

fw font-weight:;

fwb font-weight: bold;

fwbr  font-weight: bolder;

3)文字大小的属性

格式:font-size:40px;(其中单位px是像素pixel的缩写)

注意:在设置字体大小的时候,一定要带单位,也就是数字后面一定要有px。

快捷键:z30 font-size: 30px;

4)文字字体属性

格式:font-family:"楷体/微软雅黑";

注意:

1)如果取值是中文,需要用双引号或者单引号括起来;

2).设置的字体必须是用户电脑里面已经安装的字体;

3)如果设置的字体不存在,就会使用默认的字体显示,默认字体是宋体;

4)如果设置的字体不存在,又不想使用默认字体,那么我们可以使用备选方案;

格式:font-family:" 黑体","微软雅黑"(备选方案1),"仿宋(备选方案2)"........;

5 )如果想给中文跟英文分别设置字体(用span),但凡是中文字体,里面都包含了英文

但凡是英文字体,里面都没有包含中文,也就是说中文字体可以处理英文,而英文字体不能处理中文。

快捷键:ff:font-family:" ";

常见的字体有:

中文:宋体(simsun)/黑体(simhei)/微软雅黑(Microsoft YaHei)

�英文: "Times New Roman"/Arial

补充:缩写形式

font: style weight size family;

例:font:italic bold 10px "楷体";

其中weight/style可以省略,位置也可以交换;但size/family不能省略,位置也不能互换,size一定放在family之前。

2,文本属性

1)文本装饰的属性

格式:text-decoration:underline;

取值:

下划线:underline

删除线:line-through

上划线:overline

空:none,一般用于去掉超链接的下划线。

快捷键

td  text-decoration: none;

tdu text-decoration: underline;

tdl text-decoration: line-through;

tdo text-decoration: overline;

2)文本水平对齐属性

格式:text-align: right;

取值:

left 左/right右/center中

快捷键

ta text-align: left;

tar text-align: right;il

tac text-align: center;

3)文本缩进属性

格式:text-indent: 2em;(首行缩进两个字符,其中em是单位,表示缩进一个文字的宽度)

快捷键

ti text-indent:;

�ti2e text-indent: 2em;

3,颜色属性

在css中通过color来修改文字的颜色

格式:color:值;

取值:

1)英文单词,如red,yellow,green,blue..........

2)rgb,传说中的三原色:red(红色)green(绿色)blue(蓝色)的首字母缩写。

格式:rgb(0,0,0)

第一个数字就是用来设置三原色的光源元件红色显示的亮度;

第二个数字就是用来设置三原色的光源元件绿色显示的亮度;

第三个数字就是用来设置三原色的光源元件蓝色显示的亮度。

这其中的每一个数字它的取值是0-255之前, 0代表不发光, 255代表发光,值越大就越亮;

红色: rgb(255,0,0);

绿色: rgb(0,255,0);

蓝色: rgb(0,0,255);

黑色: rgb(0,0,0);

白色: rgb(255,255,255);

红色/绿色/蓝色的值都一样就是灰色

3)rgba比rgb多了个a,a代表透明度,取值在0~1,取值越小越透明;

例如: color: rgba(255,0,0,0.2);

4)十六进制,前端开发中通过十六进制来表示颜色,其实本质就是RGB,十六进制中是通过每两位表示一个颜色。

例如: #FFEE00 

FF表示R的取值;

EE表示G的取值;

00表示B的取值。 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容

  • CSS常见属性 文字属性 font-style 作用: 规定文字样式 格式: font-style: italic...
    极客江南阅读 9,496评论 2 78
  • CSS 格式: 标签名称{属性名称: 属性对应的值;...} 作用:在前端开发中CSS只有一个作用, 就是用来修改...
    MGd阅读 221评论 0 0
  • “长尾理论”是由克里斯·安德森基于互联网兴起提出的一种理论,自提出之日起就风靡全球,成了很多创业公司的切入点和很多...
    公子在野阅读 6,418评论 1 11
  • 夕阳入梦去, 晚霞留倩影。 天高白云淡, 风轻树木静。 山鸟飞有声, 野花开无名。 萋萋芳草岸, 悠悠故人情。 何...
    泠风思语阅读 299评论 -1 4
  • 我以为这书屋和猫咖是一家的。但是不是。 要是是一家店就好了。 我说过,我的梦想是当一个“家庭主妇”,但这只是前半句...
    蜗牛晴的杂货铺阅读 465评论 0 2