字体属性html语言,html-字体属性

Title

* {

margin: 0;

padding: 0;

}

/*font-family 字体类型浏览器默认的字体是微软雅黑,字体中有多个字体的时候,如果前面的字体没有就使用后面的字体*/

.box1{

font-family: Algerian,"宋体";

}

/*

font-size 字体大小

单位 px rem % em

px 谷歌浏览器默认字体大小16px,最小是12px

rem 相对于html(根标签)的字体大小

em 等于父级的字体尺寸——相对于父级字体大小而言的

% 相对于父容器中字体的%调整 这个要知道

*/

.box2{

font-size: 20px;

}

.box3{

font-size: 12px;

}

.box4{

font-size: 2rem;

}

#box{

font-size: 30px;

}

#box div{

/*font-size: 2em;*/

font-size: 50%;

}

/*

font-weight 字体粗细

关键字

normal 默认字体

lighter 较细

bold 加粗 这个要知道

bolder 很粗

给值

只能100-900的整百数

400相当于正常的

700相当于bold

*/

.box5{

font-weight: bold;

}

.box6{

font-weight: 700;

font-style: italic;

}

/*

font-style 字体类型

normal 默认 文字正常

italic 文字斜体(属性)

oblique 文字斜体

*/

/*

color 文字颜色

关键字

英文单词 red green

16进制(0-9 a-f)

#5544aa #54a #abd456

#dddddd #ddd

rgb(0-255,0-255,0-255)

r red

g green

b blue

rgba(0-255,0-255,0-255,0-1)

r red

g green

b blue

a alpha(透明度)

0 完全透明

1 完全不透明

*/

.box7{

/*color: aqua;*/

color: rgb(224, 62, 69);

}

.box8{

/*color: #222add;*/

color: rgba(224, 62, 69,0.2);

}

hello 001 abc
hello 001 abc
hello 001 abc
hello 001 abc
hello 001 abc
hello 001 abc
hello 001 abc
hello 001 abc
hello 001 abc

CSS字体属性大全

文章转自:http://www.10wy.net/Article/CSS/CSS_list_8.html查看更多更专业性的文章请到:网页设计网 CSS字体属性 字体名称属性(font-family) ...

delphi 01设置 字体属性

设置/获取 字体属性 名称 大小 粗体 斜体 下划线 删除线 颜色1 颜色2   uses MSHTML;   //设置 //------------------------------------- ...

CSS中的字体属性和文本属性

1.CSS字体的属性 font 简写,作用是把所有的针对字体的属性设置在一个声明中 font-family 设置字体系列 font-size 设置字体尺寸 font-style 设置字体风格,ital ...

Uint 7.文本和字体属性,background,精灵图和3种定位

一. 文本属性 CSS 文本属性可定义文本的外观. 通过文本属性,您可以改变文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等.

复习-css控制文本字体属性

css控制文本字体属性 font-family:字体系列,如”serif“”sans-serif“ font-size:尺寸 font-style:字体样式,如“normal,italic(斜体).o ...

python 全栈开发,Day48(标准文档流,块级元素和行内元素,浮动,margin的用法,文本属性和字体属性)

昨日内容回顾 高级选择器: 后代选择 : div p 子代选择器 : div>p 并集选择器: div,p 交集选择器: div.active 属性选择器: [属性~='属性值'] 伪类选择器 ...

python全栈开发day40-浮动的四大特性,浮动带来的问题和解决问题,文本属性、字体属性和颜色介绍

一.昨日内容总结 1.盒模型及其属性 2.文本级标签.行内块.块级标签 3.继承性.层叠性.权重 4.浮动四大特性 # 浮动元素脱离标准文档流 # 贴靠 # 字围效果 # 自动收缩或紧缩 二.今日内容 ...

文本属性和字体属性,超链接导航栏案例 background

文本属性 介绍几个常用的. 文本对齐 text-align 属性规定元素中的文本的水平对齐方式. 属性值:none | center | left | right | justify 文本颜色 col ...

CSS样式----CSS属性:字体属性和文本属性(图文详解)

本文最初于2015-10-04发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 本文重要内容 CSS的单位 字体属性 文本属性 定 ...

随机推荐

spring事务详解(转载+高亮)

spring提供的事务管理可以分为两类:编程式的和声明式的.编程式的,比较灵活,但是代码量大,存在重复的代码比较多:声明式的比编程式的更灵活.编程式主要使用transactionTemplate.省略 ...

struts2初体验

一:什么是struts2? Struts 2是一个MVC框架,以WebWork框架的设计思想为核心,吸收了Struts 1的部分优点 Struts 2拥有更加广阔的前景,自身功能强大,还对其他框架下开 ...

XMLHttpRequest cannot load – Origin is not allowed by Access-Control-Allow-Origin.

报错:跨域  XMLHttpRequest cannot load http://localhost:8080/yxt-admin/admin/store. No 'Access-Control-Al ...

七牛上传Qt版本

最近在找图床,写博客啥的需要.以前的图床好像挂了,搭在BAE上的图床也挂了,可能BAE3.0更新了吧. 花了点时间写了Qt版本 github地址:https://github.com/wzyuliya ...

C#中堆和栈的区别分析(有待更新总结)

转载:http://blog.csdn.net/zevin/article/details/5721495 一.预备知识-程序的内存分配 一个由C/C++编译的程序占用的内存分为以下几个部分 1.栈区 ...

收藏maven错误

错误原因: 编译下载最新的maven源代码,但是出现错误.错误如下: [WARNING] Some problems were encountered while building the effec ...

iPhone开发 数据持久化总结(终结篇)—5种数据持久化方法对比

iPhone开发 数据持久化总结(终结篇)—5种数据持久化方法对比   iphoneiPhoneIPhoneIPHONEIphone数据持久化 对比总结 本篇对IOS中常用的5种数据持久化方法进行简单 ...

HDU 3127 WHUgirls(完全背包)

HDU 3127 WHUgirls(完全背包) http://acm.hdu.edu.cn/showproblem.php? pid=3127 题意: 如今有一块X*Y的矩形布条, 然后有n种规格的x ...

package-cleanup

package-cleanup 是一个python开发的命令程序,用来清除本机已安装的.重复的 或孤立的软件包. desktop版的CentOS镜像包含这个工具,而Minimal版的CentOS镜像不 ...

Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型?

方法的重写Overriding和重载Overloading是Java多态性的不同表现.重写Overriding是父类与子类之间多态性的一种表现,重载Overloading是一个类中多态性的一种表现.如 ...

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值