CSS的标签与含义

  Font:设置字体系列。什么叫字体系列呢?是指对文字设定几个字体,当遇到第一个字体不能显示的文字时会自动用系列中的第二个字体或后面的字体显示。相对应的CSS属性是”font-family”。

       Size:定义文字的大小。你可以通过选取数字和度量单位来选择具体的字体大小,或者你也可以选择一个相对的字体大小。最好使用Pixels作为单位,这样不会在浏览器中文本变形。一般小字体用比较标准的12px。相对应的CSS属性是”font-size”。

       pt:(字号)根据windows系统定义的字号大小来确定长度。

       Style:定义字体样式为Normal、Italic、或者Oblique。Italic和Oblique是斜体字体。默认设置为 Normal。相对应的CSS属性是”font-style”。

       Line Height:设置文本所在行的行高。默认为Normal,你也可以自己键入一个精确的数值并选取一个计量单位。比较直观的写法用百分比,例如140%是指行高等于文字大小的1.4倍。相对应的CSS属性是”line-height”。

       Background Color:设置元素的背景色。相对应的CSS属性是”background-color”。

       Repeat:确定背景图像是否以及如何重复。No Repeat:在元素的开头显示一遍图像。Repeat:在元素的背景部分水平和垂直方向平铺图像。Repeat-x and Repeat-y:分别在水平和垂直方向重复显示,默认为Repeat。相对应的CSS属性是”background-repeat”。

       Horizontal:指定背景图像的水平位置。可以指定为left(左边),center(居中),right(右边);也可以指定数值,如20px是指背景距离左边20象素。相对应的CSS属性是” background-position”。

       Padding:定义元素内容与其边框的空距(如果元素没有边框就是指页边的空白)。可以分别设置top(上补白)、right(右补白)、bottom(下补白)、left(左补白)的值。相对应的CSS属性分别是”padding; padding-top; padding-right; padding-bottom; padding-left”。

       Width:设置元素边的宽度。可以分别设定Top(上边宽)、Right(右边宽)、Bottom(下边宽)、Left(左边宽)的值。相对应的CSS属性分别是”border; border-top; border-right; border-bottom; border-left”。

       Style:设置边框样式。可以设置为none(无边框)、dotted(点线)、dashed(虚线)、solid(实线)、double(双线)、groove(凹槽)、ridge(凸槽)、inset(凹边)、outset(凸边)等边框样式。相对应的CSS属性是”border-style”。

       Overflow:设置如果层的内容超出了层的大小时如何处理。有四种处理方式:visible,增加层的大小,从而将层的所有内容显示出来;hidden,保持层的大小不变,将超出层的内容剪裁掉;Scroll,总是显示滚动条;Auto,只有在内容超出层的边界时才显示滚动条。相对应的CSS属性是”overflow”。

       Clip:定义定位层的可视区域。区域外的部分为不可视区,为透明的。可以理解为在定位层上放一个矩形遮罩的效果。相对应的CSS属性是”clip”。

时间: 2024-08-25 02:42:04

CSS的标签与含义的相关文章

最齐全的站点元数据meta标签的含义和使用方法

最齐全的站点元数据meta标签的含义和使用方法 随着HTML5的流行和Web技术的不断演变,Meta标签队伍也越来越壮大,从Windows XP的IE6到现在Windows 7.Windows 8的IE9.IE10.IE11,对Html5的支持越来越好.html meta标签的功能作用也越来越强大. 首先.先说一下最初产生的一些经常使用meta标签. 从Meta标签的定义说起. Meta标签是HTML语言中HEAD区的一个辅助性标签,它位于HTML文档头部的<head>标记 和<titl

项目期复习总结:Table, DIV+CSS,标签嵌套规则

目录: 1.表格的意义,含义? 2.表格有哪些元素? 3.表格布局,表格布局的优缺点 4.行元素,块元素的区别? 5.标签的合理嵌套及标签的语义性 ① 表格的意义,含义? 表格应该用来展现那些适合表格化显示的信息,比如数据的显示,统计或者二维报表之类的信息,而不是作为一种而已的工作 ② 表格有哪些元素? 表格元素:table thead tbody tfoot caption tr th td .... 较常用  ③ 表格的使用应该注意哪些? 1)使用表格时注意合理嵌套,遵循标签的语义性,tab

1)前端的html和css基础标签

1) 前端:html 这里使用谷歌浏览器 开发工具使用pycharm 1.HTML的概述 html全称HyperText Mackeup Language,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式.比如字体.颜色.大小等. 注:html中,除了语义,其他什么都没有. 2.HTML的网络术语 · 网页 :由各种标记组成的一个页面就叫网页. · 主页(首页) : 一个网站的起始页面或者导航页面. · 标记: <p>称为开始标记 ,</p&

ibatis XML标签的含义

selectKey: 有3个主要的属性: 1)resultClass:返回的主键的数据类型,跟sqlMap中的数据类型一致: 2)type:表示主键在insert之前或之后生成(取决于数据库的主键生成策略),取值分别为[pre|post],非必须,未填写时如果在insert之前表示pre,否则表示post: 3)keyProperty:返回值保存到的属性,非必须(作用参见Oracle配置): <selectKey property="DeliHeadId" type="

元数据meta标签的含义和用法

最齐全的网站元数据meta标签的含义和用法:http://blog.csdn.net/freshlover/article/details/25322839 Bootstrap中文网首页源代码:view-source:http://www.bootcss.com/

CSS常用标签-手打抄录-感谢原未知博主-拜谢了

CSS常用标签 CSS常用标签 一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:b

CSS重置标签默认样式

CSS重置标签默认样式:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在默认情况下,很多标签都有自带的属性,例如body自带有margin.ul有自带的padding.h1-h6的字体大小各部相同.li前面带有的小圆圈等等.这些自带的默认属性会给实际的布局中带来不少的麻烦,我们可以再样式表的开始就重置这些默认的属性.实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8">

实用掌中宝--HTML&amp;CSS常用标签速查手册 PDF扫描版

实用掌中宝--HTML&CSS常用标签速查手册 内容推荐: 本书第一篇以语法和实例相结合的形式,详细讲解了HTML语言中各个元素及其属性的作用.语法和显示效果:第二篇从CSS基本概念开始,分别讲解了CSS基础知识.CSS控制各种元素显示的方法以及CSS布局页面的技巧等知识.为了使读者能尽快熟悉各种应用的具体方法,本书对所讲解的每个元素和属性都尽可能用简单直观的方法做了实例演示. 本书适合广大Web网站设计人员.网站设计的初学者.网站管理维护人员.大专院校学生和社会培训学员阅读,也可作为开发人员的

项目期复习总结2:Table, DIV+CSS,标签嵌套规则

文件夹: 1.表格的意义,含义? 2.表格有哪些元素? 3.表格布局,表格布局的优缺点 4.行元素,块元素的差别? 5.标签的合理嵌套及标签的语义性 ① 表格的意义,含义? 表格应该用来展现那些适合表格化显示的信息,比方数据的显示,统计或者二维报表之类的信息,而不是作为一种而已的工作 ② 表格有哪些元素? 表格元素:table thead tbody tfoot caption tr th td .... 较经常使用  ③ 表格的使用应该注意哪些? 1)使用表格时注意合理嵌套,遵循标签的语义性,