`

css样式属性

    博客分类:
  • CSS
 
阅读更多

引自:

http://www.admin5.com/html/css_tutorials/010_css_font.html

字体名称属性(font-family)

这个属性设定字体名称,如Arial, Tahoma, Courier等。例句如下:

.s1 {font-family:Arial}

演示示例

字体大小属性(font-size)

这个属性可以设置字体的大小。字体大小的设置可以有多种方式,最常用的就是pt和px(pixel)。例句如下:

.s2 {font-size:16pt}

演示示例

字体风格属性(font-style)

这个属性有三个值可选:normal, italic, oblique。normal是缺省值,italic, oblique都是斜体显示。例句如下:

.s1 {font-sytle:italic}

演示示例

字体浓淡属性(font-weight)

这个属性常用值是normal和bold,normal是缺省值。例句如下:

<p style = "font-weight:bold">这段文字字体的浓淡属性(font-weight)值是bold。<p>

演示示例

字体变量属性(font-variant)

这个属性有两个值,normal和small-caps,normal是缺省值。small-caps表示小的大写字体。例句如下:

 .s1 {font-variant:small-caps}

演示示例

字体属性(font)

这个属性是各种字体属性的一种快捷的综合写法。这个属性可以综合字体风格属性(font-style),字体变量属性(font-variant),字体浓淡属性(font-weight),字体大小属性(font-size)等属性。例句如下:

.s1 {font:italic normal bold 11pt arial}

演示示例

字体颜色(color)

字体颜色用CSS中的color属性来表示。参见CSS常用文本属性

分享到:
评论

相关推荐

    清除修改删除Vue自带的CSS样式

    清除删除修改Vue自带的CSS样式,在Vue项目中写样式时发现总是出现一些奇怪的样式和字体颜色,后来发现是Vue自带了默认的CSS样式导致的,只要修改Vue自带的CSS样式即可。文件中附有修改样式的css文件以及详细教程。

    HTML——CSS样式表教程

    **三、CSS样式属性** 1. **文本属性**:包括`color`(颜色)、`font-size`(字体大小)、`font-family`(字体)、`text-align`(文本对齐)等。 2. **盒模型属性**:`width`、`height`定义元素尺寸,`margin`、`...

    js控制CSS样式属性语法对照表

    CSS与JS紧密配合,为...下面就是JS 控制CSS样式表的语法对照: 盒子标签和属性对照 CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-botto

    CSS样式查询字典

    CSS样式属性涵盖了各个方面的布局和视觉效果,例如: 1. **盒模型**:`margin`、`padding`、`border`和`content`定义了元素的外边距、内边距、边框和实际内容区域,影响元素的总尺寸。 2. **位置与布局**:`...

    小程序中使用css var变量(使js可以动态设置css样式属性)

    使用sass,stylus可以很方便的使用变量来做样式设计,其实css也同样可以定义变量,在小程序中由于原生不支持动态css语法,so,可以使用css变量来使用开发工作变简单。 基本用法 基础用法 &lt;!--web开发中顶层变量的...

    Qt css样式大全+详细书签pdf.zip

    本资源"Qt css样式大全+详细书签pdf.zip"包含了丰富的Qt CSS样式的教程和参考资料,旨在帮助开发者深入理解和掌握Qt界面美化技术。 首先,"Qt css样式大全(整理版) - wang13342322203的博客 - CSDN博客.html"是王...

    Dreamweaver CS6 CSS样式汉化文件

    "CS6 CSS样式表的汉化文件.txt"很可能是一个文本文件,其中包含了汉化过程的说明或翻译后的CSS样式表的文本内容。这个文件可能是为了指导用户如何安装汉化包,或者记录了每个CSS属性名称及其对应的中文翻译,以便在...

    CSS样式表学习

    以上就是关于CSS样式表学习的相关知识点介绍,包括了三种应用CSS的方式以及一些常见的CSS样式属性示例。这些基础知识对于初学者来说非常重要,可以帮助他们更好地理解和掌握如何使用CSS来美化HTML文档。

    Reset_CSS css样式重置文件

    CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的...

    css样式表代码

    层叠样式表的属性和值是 CSS 样式表的核心部分,属性是要应用的样式,值是属性的具体值。常见的属性有: * color:文本颜色 * font-size:字体大小 * font-weight:字体粗细 * text-decoration:文本修饰 指 定 字...

    js与css样式对照

    #### CSS样式与JavaScript属性对照表 在Web开发中,JavaScript经常被用来动态地修改CSS样式,实现页面元素的动态效果。为了方便开发者理解和使用,这里详细介绍了一些常用的CSS样式及其对应的JavaScript属性。 ###...

    javascript Css 样式

    通过JavaScript获取或设置CSS样式属性,可以实现精细的样式控制;使用CSS3的动画和过渡效果,再配合JavaScript的定时器,可以创建流畅的动态效果。 在文件名列表中提到的“02、03、01”可能对应的是教程或代码示例...

    css样式表中文手册

    2. **属性(Properties)**:属性是CSS样式的一部分,定义了元素的视觉特性,如`color`用于设置文本颜色,`font-size`用于设置字体大小。 3. **值(Values)**:属性后面跟随的值,指定了属性的具体设置,如`red`是...

    取得第一个段落的color样式属性的值。

    在网页开发中,获取元素的CSS样式属性是一个常见的任务,特别是在使用JavaScript库如jQuery时。本文将详细讨论如何使用jQuery来获取第一个段落(`&lt;p&gt;`元素)的`color`样式属性的值。 首先,我们需要理解jQuery选择...

    css属性大全 样式表的创建 样式表的属性

    ### CSS属性大全:样式表的创建与样式表的属性 #### 概述 CSS(Cascading Style Sheets),即层叠样式表,是一种用于描述HTML文档外观和布局的语言。通过CSS,网页设计师能够精确控制页面元素的样式,包括字体、...

    css样式区块属性(上,下)

    包含了css样式的区块属性,初级程序员可以根据视频所讲解内容更好了解css样式的区块属性

    css初始化html页面

    假如我们不初始化CSS样式属性,将会增大CSS代码量,为我们节约网页代码,节约网页下载时间;还会使得我们开发网页内容时更加方便简洁,不用考虑很多。如果不初始化CSS我们在开发比较复杂的网页时候就不会知道自己...

    Bootstrap3.3.6 中文手册-全局CSS样式

    下面将详细介绍Bootstrap 3.3.6中关于全局CSS样式方面的知识点。 首先,Bootstrap的文档类型应该设置为HTML5,这是因为Bootstrap使用了某些只在HTML5中定义的元素和CSS属性。在文档的部分,开发者需要添加viewport...

    CSS样式表个人总结

    CSS 样式表个人总结 CSS 样式表是网页设计中不可或缺的一部分,它定义了如何显示 HTML 元素,从而使网页更加美观和易用。下面是 CSS 样式表的个人总结,希望对学习 CSS 的朋友有用。 一、CSS 基础知识 CSS 全称为...

Global site tag (gtag.js) - Google Analytics