CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变
1. CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变
1.1字体样式
字体样式
- font-family 字体(可以添加2种字体,一种针对中文,一种针对英文)
- font-size 字体大小(默认400 加粗700)
- font-weight 字体粗细
- color 字体颜色
示例:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>body {/* 字体 */font-family: "楷体";/* 字体大小 */font-size: 16px;/* 字体粗细 */font-weight: 700;/* 字体颜色 */color: orange;/* 字体样式 */font-style: italic;}</style>
</head><body><p>海客谈瀛洲,烟涛微茫信难求;<br>越人语天姥,云霞明灭或可睹。<br>天姥连天向天横,势拔五岳掩赤城。<br>天台四万八千丈,对此欲倒东南倾。<br>(四万 一作:一万)我欲因之梦吴越,一夜飞度镜湖月。<br>(度 通:渡)湖月照我影,送我至剡溪。<br>谢公宿处今尚在,渌水荡漾清猿啼。<br><br>脚著谢公屐,身登青云梯。<br>半壁见海日,空中闻天鸡。<br>千岩万转路不定,迷花倚石忽已暝。<br>熊咆龙吟殷岩泉,栗深林兮惊层巅。<br>云青青兮欲雨,水澹澹兮生烟。<br>列缺霹雳,丘峦崩摧。<br><br>洞天石扉,訇然中开。<br>青冥浩荡不见底,日月照耀金银台。<br>霓为衣兮风为马,云之君兮纷纷而来下。<br>虎鼓瑟兮鸾回车,仙之人兮列如麻。<br>忽魂悸以魄动,恍惊起而长嗟。<br><br>惟觉时之枕席,失向来之烟霞。<br>世间行乐亦如此,古来万事东流水。<br>别君去兮何时还?<br>且放白鹿青崖间。<br>须行即骑访名山。<br>安能摧眉折腰事权贵,使我不得开心颜!<br></p>
</body></html>
运行结果:
1.2 文本样式
文本样式
1.3 去掉列表的小圆点
list-style:none
1.4 CSS背景
背景
1.5背景渐变
背景渐变
打开网站
选择喜欢的颜色,并复制颜色
粘贴到代码中
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>* {background-color: #4158D0;background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);}</style>
</head><body></body></html>
运行结果:
CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变相关推荐
- 05使用CSS设置字体和文本样式
使用CSS设置字体和文本样式: 1.定义字体类型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|ser ...
- 前端笔记之CSS基础 - 字体和文本样式
目录 1.字体样式 1.1.字体大小 1.2.字体粗细 1.3.文字样式(是否倾斜) 1.4.字体 1.5.层叠性 1.6.字体font相关属性的连写 2.文本样式 2.1.文本缩进 2.2.文本水平 ...
- 4.CSS -- 字体及文本样式
字体及文本样式 1.文本属性 1.1 颜色属性 1.1.1 取值: 1.1.1.1 英文单词 1.1.1.2 rgb 1.1.1.3 rgba 1.1.1.4 十六进制 1.2 `font-style ...
- 【前端学习笔记】(三)(CSS基础、选择器、字体和文本样式)
目录 一.基础认知 1.1 CSS介绍 1.2 CSS语法规则 1.3 CSS常见属性 1.4 CSS引入方式 1.5 CSS常见三种引入方式的区别 二.基础选择器 1.标签选择器 2.类选择器 3. ...
- HTML标记fort属性最大取值,CSS(2)---css字体、文本样式属性
css字体.文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...
- CSS系列之美化网页/span标签和div标签/字体样式/文本样式
CSS系列之美化网页/span标签和div标签/字体样式/文本样式 01 span标签和div标签 span标签的作用 能让几个文字或者某个词语凸显出来 属于行内元素 div标签 属于块级元素 程序示 ...
- CSS基础选择器、字体和文本样式
一.CSS简介 美化网页.布局页面 CSS(层叠样式表Cascading Style Sheets)(CSS样式表或级联样式表) 主要用于设置HTML中的文本内容(字体.大小.对齐方式等).图片的外形 ...
- CSS基础:基础选择器、字体和文本样式
CSS基础 Date: August 31, 2022 Summary: 基础选择器.字体和文本样式 基础认知 学习路径: CSS初识 CSS引入方式 CSS初识 CSS介绍 CSS:层叠样式表(Ca ...
- css笔记一-CSS简介、基础选择器、字体和文本样式
一 一.CSS简介 1.1.什么是CSS? CSS(Cascading style sheets):层叠样式表 CSS作用:给页面中的HTML标签设置样式 1.2.CSS语法规则 写在哪里? css写 ...
最新文章
- NotFoundError: Unsuccessful TensorSliceReader constructor: Failed to find any matching files for xxx
- 核磁共振波谱分析_实验室各种仪器原理动图剖析,这么多分析仪器原理,1次搞清楚了...
- ClassPool CtClass浅析
- Python zip() 与 map()的用法
- Modelsim se仿真Xilinx IPcore
- 【征稿倒计时—山东科技大学主办】 2021智能装备与特种机器人国际会议(ICIESR2021)...
- 钉钉机器人关键词应答_除了用于电销,智能语音机器人可以应用哪些地方?
- ubuntu高版本环境变量问题
- python 存redis失败无提示_python如何关闭redis
- Nik Collection 4 for Mac可独立使用的ps滤镜工具
- Atitit 研发体系 codelib 代码库的建设 目录 1. 概念与组成	2 1.1. Java代码	2 1.2. Js代码	2 1.3. H5 代码 js+css+htm+txt	2 1.4.
- 信号峰峰值Vpp与功率和dbm的换算
- QTableView固定行显示的问题
- win7旗舰版怎么降级到专业版|win7旗舰版改成专业版的方法
- 快递规模持续扩大,丰网加盟迎发展新机遇
- 解决制作FAT32格式的重装U盘中文件过大问题
- 栈内存与堆内存的简单理解
- 解锁电机气隙公差分析之奥秘!
- 内核篇加载内核模块(Android10)
- Java算法(八)详细解析:寻找完数