CSS属性(字体与文本属性)

1.字体属性

(1)font-family 把要对这个网站要设置的字体都写上,如果这个浏览器支持第一个字体,则会用,如果不支持则会尝试第二个,如果设置的字体系统都不支持则会使用系统默认的字体作为网站的字体

(2)字重(

font-weight

2.文字属性

/*
我这个文件是用来干什么的
小强
日期
*/

/*全局通用样式*/
* {
    font-family: "Microsoft YaHei UI", "Arial";
    font-size: 14px;

}

/*类选择器样式*/
.c1 {
    font-weight: 100;
}

.c2 {
    font-weight: 900;
    color: rgb(255, 0, 0);
    color: #FF0000;
    color: rgba(255, 0, 0, 0.3);
}

.c3 {
    /*text-align: center; !*文本的对齐方式是什么, center是剧中*!*/
    /*text-align: right;  !*右对齐*!*/
    text-align: justify; /*两端对齐*/
}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>字体属性测试</title>
    <link rel="stylesheet" href="test.css">
</head>
<body>

<h1>海燕</h1>
<p>
    在苍茫的大海上
</p>

<p class="c0">默认的p</p>
<p class="c1">c1 100</p>
<p class="c2">c2 900</p>

<p class="c3">射雕英雄传、笑傲江湖、倚天屠龙记、白发魔女传、刀光剑影</p>

<div class="c3">围城</div>

</body>
</html>

原文地址:https://www.cnblogs.com/whylinux/p/10105484.html

时间: 2024-08-27 20:09:13

CSS属性(字体与文本属性)的相关文章

[转载]CSS教程--字体与文本属性

b>font-family功能:用于改变HTML标志或元素的字体,你可设置一个可用字体清单.浏览器由前向后选用字体.语法:{font-family:字体1,字体2, ... ,字体n} font-style 功能:使文本显示为扁斜体或斜体等表示强调 .数值:normal - 正常italic - 斜体oblique - 偏斜体 font-variant 功能:用于在正常与小型大写字母字体间切换.数值:normal - 如果该标志继承父元素的 small-caps 设置,则关键字 normal 将

05使用CSS设置字体和文本样式

使用CSS设置字体和文本样式: 1.定义字体类型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|serif|sans-serif name表示字体名称,可指定多种字体,用空格隔开.按优先顺序排列.如果字体名称包含空格,则应该使用括号()括起来. font是一个复合属性,所谓复合属性是指该属性能够设置多种字体属性,用法如下: font:font-style||font-variant||font-we

CSS基础知识之文本属性二三事

line-height 可以给某个元素指定一个不带单位的缩放因子,这样它的后代元素就会继承这个缩放因子,再根据自身的字号大小来计算自己的行高(line-height)值, body { font-size: 12px; line-height: 1.5; } h1 { font-size: 36px; } 这里,body 的 line-height 是 18px(12 * 1.5),而 h1 的 line-height 则是 54px(36 * 1.5). 就算使用 em,百分比等相对单位,后代

css(字体,文本,边距,边框,阴影,背景,渐变,多重背景,列表)

此文章仅为转发,非原创,原文http://www.cnblogs.com/zhuanggege/p/5758365.html 请支持原创 font-family 设置字体名称 可以使用多个名称,用逗号分隔,浏览器则按照先后顺序依次使用可用字体 p { font-family:'宋体','黑体','Arial'; } font-size 设置字体大小 length 用长度值指定文字大小,不允许负值 percentage 用百分比指定文字大小,其百分比取值是基于父对象中字体的尺寸,不允许负值 fon

css中字体和文本的控制

字重font-weight font-weight 的取值 : normal | bold |bolder |lighter |100 ~ 900 其中400对应的自重是normal ,700对应的是bold font-weight : normal; 字号 font-size 百分数 - 百分数是子元素相对于父元素的大小,如父元素是20px,子元素设置为 200%即为你元素的两倍大小. em - em单位等同于百分数单位. px - 像素大小 p { font-size:20px; } p {

css的文本属性与边框属性

文本属性 text-align:center 横向居中 line-helight:100px 文本行高,可设纵向居中 text-indent:150px 首行缩进 letter-spacing:10px 字符间距 word-spacing:20px 单词间距 text-transform:capitalize 首字母大写,一般设定标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&

web前端——CSS 10 文本属性和字体属性

文本属性 介绍几个常用的. 文本对齐 text-align 属性规定元素中的文本的水平对齐方式. 属性值:none | center | left | right | justify 文本颜色 color属性 文本首行缩进 text-indent 属性规定元素首行缩进的距离,单位建议使用em 文本修饰 text-decoration属性规定文本修饰的样式 属性值:none(默认) | underline(下划线) | overline(定义文本上的一条线)  | line-through (定义

CSS(2)---css字体、文本样式属性

css字体.文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size).字体粗细(font-weight).字体风格(font-style).字体颜色(color). 1.字体设置(font-family) 网页中常用的字体有 宋体.微软雅黑.黑体 等,例如将网页中 所有p标签的字体设置为微软雅黑,可以使用如下CSS样式代码: p { font-family:"微软雅

CSS 文本属性与值

HTML编辑文本,通过CSS的设置属性赋予HTML网页活力,改变文字类型.背景以及插入图片.视频.音频等,使网页更具生动. CSS中的文本属性 font-weight: bold; //改变字体粗细 normal //正常字体.标准字体 font-style:oblique; //字体风格(oblique倾斜) text-decoration:underline; //文字修饰(underline 下划线) overline; (上划线) line-throug; (删除线) none; (取消