第四章－通过ＣＳＳ控制字体样式

一．通过ＣＳＳ控制文本样式：

①设置字体

②定义行高

｛ｌｉｎｅ－ｈｅｉｇｈｔ：数值｝（例如：｛ｌｉｎｅ－ｈｅｉｇｈｔ：５０ｐｘ；｝

③定义下划线，顶划线，删除线

｛ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ：ｉｎｈｅｒｉｔ｜ｎｏｎｅ｜ｕｎｄｅｒｌｉｎｅ｜ｏｖｅｒｌｉｎｅ｜ｌｉｎｅ－ｔｈｒｏｕｇｈ｜ｂｌｉｎｋ｝

③设置字体间距

｛ｌｅｔｔｅｒ－ｓｐａｃｉｎｇ：数值｝（单位ｅｘ或者ｅｍ）

④控制字体对齐方式

｛ｔｅｘｔ－ａｌｉｇｎ：ｌｅｆｔ｜ｒｉｇｈｔ｜ｃｅｎｔｅｒ｜ｊｕｓｔｉｆｙ｝

二．通过ＣＳＳ定义样式表

①定义无序列表

｛ｌｉｓｔ－ｓｔｙｌｅ－ｔｙｐｅ：ｄｉｓｃ｜ｃｉｒｃｌｅ｜ｓｑｕａｒｅ｜ｎｏｎｅ｝

②定义有序列表

｛ｌｉｓｔ－ｓｔｙｌｅ－ｔｙｐｅ：ｄｅｃｉｍａｌ｜ｌｏｗｅｒ－ｒｏｍａｎ｜ｕｐｐｅｒ－ｒｏｍａｎ｜ｌｏｗｅｒ－ａｌｐｈａ｜ｕｐｐｅｒ－ａｌｐｈａ｜ｎｏｎｅ｝

三．ＣＳＳ新增文本属性

①ｔｅｘｔ－ｓｈａｄｏｗ：ｈ－ｓｈａｄｏｗ　ｖ－ｓｈａｄｏｗ　ｂｌｕｒ　ｃｏｌｏｒ；

②ｔｅｘｔ－ｏｖｅｒｆｌｏｗ：ｃｌｉｐ｜ｅｌｌｉｐｓｉｓ｜ｅｌｌｉｐｓｉｓ－ｗｏｒｄ

③ｗｏｒｄ－ｗｒａｐ：ｎｏｒｍａｌ｜ｂｒｅａｋ－ｗｏｒｄ

④ｃｏｎｔｅｎｔ：ｎｏｒｍａｌ｜ｓｔｒｉｎｇ｜ａｔｔｒ（）｜ｕｒｉ（）｜ｃｏｕｎｔｅｒ（）

时间： 2024-11-25 18:03:33

第四章－通过ＣＳＳ控制字体样式的相关文章

第四章笔记css

第四章 初识CSS 1.CSS(层叠样式表) 2.CSS语法 选择器{ 属性名1:属性值1; 属性名2:属性值2; } 3.引用CSS的三中方式 第一种: 行内样式 例: <a style="color:red;">内部样式</a> 第二种: 内部样式 在head标签中,写入style标签. 例: <head> ...... <style type="text/css"> h1{ ...... } </style

CSS控制列表样式属性list-style有哪些？怎么用？

CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云南小天使的回答很好的帮助了众多遇到同样问题的网友原文地址http://www.w3cschool.cn/css3/question-10231611.html 以下为回答原文: 一.什么是CSS列表? CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业

CSS的字体样式

CSS的字体样式 1. span标签(约定俗成:重要的东西用它括起来) 首选介绍一个约定俗成的东西:span标签.一般将想要突出的东西,比较重要的东西,用span标签括起来. 比如,”学习Java“这几个字,想突出Java,就用<span>和</span>标签把Java括起来,然后在用CSS的比如id标签选择器之类的操作它. 当然,不写成span也无所谓,但这是个约定俗成的东西,用span表示重要. HTML代码: <!DOCTYPE html><html lan

第二章 使用CSS控制页面

本章主要介绍:如何使用CSS控制页面,以及其控制页面的各种方法,包括行内样式.内嵌式.链接式和导入式等,最后讨论各种方式的优先级问题 1.行内样式 行内样式是所有样式方法中最为直接的一种,直接对HTML的标记使用Style属性,然后将CSS代码直接写在其中. <html> <head> <title> 页面标题</title> </head> <body> <p style="color:#ff0000;font-si

CSS的字体样式属性

css文本样式值:font-size:#px: 文字大小font-family:字体样式,如:微软雅黑font-style:文字状态如 斜体等font-weight:文字粗细text-align:文本对齐font-variant :字体之间的转变,以小型大写字体或者正常字体显示文本.line-height:行高 上下距离会有变化,也可以用于行与行之间的空间(%)text-decoration:文本装饰 underline下划线 none去除下划线text-decoration: overline

CSS之字体样式

css字体样式 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位.其中,相对长度单位比较常用,推荐使用像素单位px,绝对单位使用较少. 相对长度单位 说明 em 相当于当前对象内文本的字体尺寸 px 像素,最常用,推荐使用 绝对长度单位 说明 in 英尺 cm 厘米 mm 毫米 pt 点 font-family:字体 font-family属性用于设置字体.网页中常用的字体有宋体.微软雅黑.黑体等,例如将网页中所有段落文本的

css设置字体样式

CreateTime--2017年12月20日16:43:35 Author:Marydon 1.font-family 语法:属性值可以有一个或多个,多个值之间使用逗号隔开. 说明:如果浏览器不支持第一个字体,则会尝试下一个,使用它可识别的第一个值(字体). 举例: body { font-family: -apple-system-font,Helvetica Neue,Helvetica,Microsoft YaHei; } 用途:用于设置页面字体样式 注意:设置字体为微软雅黑时,有两种方

CSS 控制滚动条样式

/*作为IT界最前端的技术达人,页面上的每一个元素的样式我们都必须较真,就是滚动条我们也不会忽略.下面我给大家分享一下如何通过CSS来控制滚动条的样式,代码如下:*/ 1 /*定义滚动条轨道*/ 2 #style-2::-webkit-scrollbar-track 3 { 4 background-color: #F5F5F5; 5 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.22); 6 } 7 /*定义滚动条高宽及背景*/ 8 #st

CSS控制checkbox样式

原文地址:http://www.xiumu.org/technology/style-checkboxes-with-css.shtml#comments Checkbox复选框是一个可能每一个网站都在使用的HTML元素,但大多数人并不给它们设置样式,所以在绝大多数网站它们看起来是一样的.为什么不把你的网站中的Checkbox设置一个与众不同的样式,甚至可以让它看起来一点也不像复选框. 在本教程中,我们将创建5个不同的选择框,你可以在你的网站上使用它. 查看演示,可以看到我们将要创建的复选框样式