css 字体、文本、列表样式

1.字体样式

font-family:设置字体类型  font-family:"隶书"||"wps里面有的"||"常用微软雅黑Microsoft YaHei";

font-size :设置字体大小  font-size:12px;

font-style :设置字体风格  font-style:

  • normal - 文本正常显示
  • italic - 文本斜体显示
  • oblique - 文本倾斜显示

font-weight:设置字体粗细 font-weight:

  关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接  映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,  而 700 等价于 bold。

符合属性(必须按照顺序写)

举例: font:italic bold 36px "宋体";

2.文本样式

color:设置文本颜色  color:#00c(表示#0000cc)||red||#0acacc;

text-align: 设置元素水平对齐方式  text-align:left;

值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。

text-indent:设置首行文本的缩进  text-indent:20px(缩进20个像素)||2em(缩进2个字符);

line-height:设置文本的行高  line-height:25px;

text-decoration:设置文本的装饰 

text-decoration 有 5 个值:

  • none 什么都没有
  • underline  下划线
  • overline 上划线
  • line-through  删除线
  • blink  闪烁

 3.列表样式

none:无标记符号  list-style-type:none;

disc:实心圆,默认类型  list-style-type:disc;

circle:空心圆

square:实心正方形

decimal:数字

原文地址:https://www.cnblogs.com/19322li/p/10815201.html

时间: 2024-10-07 08:59:33

css 字体、文本、列表样式的相关文章

CSS ul(列表样式)

CSS Ul(列表样式) CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 一.列表 在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点.小方框等) 有序列表 - 列表项的标记有数字或字母 使用CSS,可以列出进一步的样式,并可用图像作列表项标记. 二.不同的列表项标记 list-style-type属性指定列表项标记的类型是: ul.a {list-style-type: circle;} /*无序,空心

css中的列表样式

在网页设计中,我们经常将某些具有相似功能的标签放在同一组中,这时我们经常会用到列表标签(无序列表ul,有序列表ol),在列表标签中对列表样式的设计可以使我们的页面得到一定程度的美化. 在css中对列表样式主要是对列表项目前列表符号的设置,其语法如下: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian

CSS如何设置列表样式属性,看这篇文章就够用了

原文:CSS如何设置列表样式属性,看这篇文章就够用了 列表样式属性# 在HTML中有2种列表.无序列表和有序列表,在工作中无序列表比较常用,无序列表就是ul标签和li标签组合成的称之为无序列表,那什么是有序列表呢?就是ol标签和li标签组合成的称之为有序列表,列表的基础知识就简单说明下,本章内容主要说明的是如何给列表设置样式,若有不懂列表是什么的园友笔者建议去W3school官网进行学习. 列表样式常用的属性有4种如:list-style-type.list-style-position.lis

CSS3——背景 文本 字体 链接 列表样式 表格

背景 background-color rgb(255,0,0,1)      最后一个值表示透明度,范围是 0--1 background-image 默认平铺重复显示 background-repeat 在页面的水平或者垂直方向平铺 background-attachment 是否固定或者随着页面的其余部分滚动 background-position 位置 文本 颜色 body {color:red;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);}

5、CSS 字体大小及样式

所有CSS字体属性: font  在一个声明中设置所有的字体属性 font-family     指定文本的字体系列 font-size  指定文本的字体大小 font-style   指定文本的字体样式 font-variant   以小型大写字体或者正常字体显示文本 font-weight   指定字体的粗细. 在CSS中,有两种类型的字体系列名称: 1.通用字体系列 - 拥有相似外观的字体系统组合(如 "Serif" 或 "Monospace")2.特定字体系

web前端入门到实战:CSS的文本格式化样式总汇

长度单位 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 300px; height: 300px; background-color: red; } .box1{ font-size: 20px; /*em数值根据当前元

CSS 所有的列表样式类型

<html> <head> <style type="text/css"> ul.none {list-style-type: none} ul.disc {list-style-type: disc} ul.circle {list-style-type: circle} ul.square {list-style-type: square} ul.decimal {list-style-type: decimal} ul.decimal-lead

CSS 全部的列表样式类型

<html> <head> <style type="text/css"> ul.none {list-style-type: none} ul.disc {list-style-type: disc} ul.circle {list-style-type: circle} ul.square {list-style-type: square} ul.decimal {list-style-type: decimal} ul.decimal-lead

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

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