CSS属性

1. 规定文字样式的属性

  • 格式:font-style:italic
  • 取值:
    normal:正常的,默认就是正常的
    italic:倾斜的
    快捷键:

fs +tab : font-style:italic
fsn+tab: font-style:nomal

2.规定文字粗细的属性

  • 格式:font-weight: bold;
  • 取值单词:
    bold:加粗
    bolder: 比加粗还要粗
    lighter: 细线,默认就是细线
  • 取值数字: 100 ~ 900之间数百的数字
  • 快捷键:

fw+tab : font-weight
fwb : font-weight:bold
fwbr+tab : font-weight:bolder

3.规定文字大小的属性

  • 格式:font-size:30px
  • 单位:像素 px ( pixel 的缩写)
  • 注意点:通过font-size设置大写,一定要带着单位,也就是一定要写px
  • 快捷键:fz+tab : font-size:
    fz10: font-size:10px

4. 规定文字字体的属性

  • 格式:font-family:"楷体"
  • 注意点:
  1. 如果取值是中文,需要用双引号或者单引号
  2. 设置的字体必须是用户电脑里面已经安装的字体
  • 快捷键 :ff: font-family:

5. 补充内容

1、如果设置的字体不存在,那么系统会使用默认的字体来显示;
2、如果设置的字体不存在,而我们又不想用默认的字体,我们可以给字体设置备选方案,其格式如下:font-family:"字体1","字体2"
3、如果想给中文和英文分别设置不同的字体的解决方案。

但凡中文字体里面都包含了英文,但凡英文的字体里面都不包括中文。也就是说中文字体可以设置英文。
如果想给界面的英文单独设置字体,英文字体一定要设置在前面。
4、 在我们的企业中开发中,最常见的字体:

  • 中文:宋体、黑体、微软雅黑
    -英文:Times new Roman

是不是中文字体,是看该字体能否处理中文。

6 文字属性的缩写

  1. 格式:font: style weight size family
  2. 注意点:
  1. 在这种缩写格式中,有些属性是可以省略的,
    其中:style,weight 可以省略
  2. 在这种缩写格式中,style 和weight 的位置也可以交换
  3. 在这种缩写格式中,size 和 family 不能省略;
  4. size 和family 的位置不能随便乱放,size 一定要写在family的前面,而且size和family 必须卸载所有属性的最后。

7. 文本装饰的属性

  1. 格式:text-decoration:underline;
  2. 取值:
  • underline:下划线
  • line-through:删除线
  • overline:上划线
  • none : 什么都没有,最常见的用途就是用于去掉超链接的下划线。
  1. 快捷键:td+tab

8. 文本水平对齐的属性

  1. 格式:text-align:right
  2. 取值:
  • left:左
  • right:右
  • center:居中
  1. 快捷键:ta + tab

9. 文本缩进的属性

  1. 格式:text-indent:2em
  2. 取值:
  • 2em:其中em是单位,一个em代表缩进一个文字。
  1. 快捷键:ti + tab ti2+tab

10. 颜色控制:修改文本颜色

  1. 格式:color:值
  2. 取值:
  • 英文单词:

一般情况下常见的颜色都有对应的英文单词,但是英文单词能够表达的颜色都是有限制的,所以英文档次一般是用于开发者调试的。

  • rgb:

格式:rgb(0,0,0) 数值范围在0~255
rgb 其实就是三原色,其中r(red 红色) g(green 绿色)b(blue:蓝色)
在前端开发中,一般的不使用黑色。常用灰色,让rgb 取值相同。

  • rgba

格式:rgba(0,0,0,0)
rgba 中的rgb 和前面的一样,其中a 是设置颜色的透明度的,取值是0~1,值越小,越是透明。

  • 十六进制

格式:color:#F00000
在前端开发汇总,通过16进制来表示颜色,其实本质就是RGB,十六进制中的中通过每两位表示一个颜色,例如 #FFEE00,其中FF表示R,EE表示G,00表示B。

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

推荐阅读更多精彩内容

  • 文字属性 规定文字样式的属性:格式:font-style:italic;取值: normal :正常的(默认值)i...
    佩佩216阅读 237评论 0 0
  • 引子 成文原因有二:其一,复习巩固知识、站在巨人的肩膀上,老罗讲话:“人生苦短,能一步走完的路,尽量别走三步”;其...
    只敲代码不偷桃阅读 849评论 0 0
  • 第五十九课 文字相关属性 1、规定文字样式的属性 格式:font-style:italic; 取值: normal...
    S大偉阅读 238评论 0 0
  • 1.格式: 2.注意点:1.style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签...
    零点知晨阅读 290评论 0 1
  • 好词: 不谙事故 同甘共苦 一本正经 拙手笨脚 洋洋得意 兵分三路 人心惶惶 安分守己 好句: 1...
    年华漾阅读 232评论 0 2