常用CSS标签1——属性

一、属性

1、字体 font

1)font:

font-style;

font-variant;

font-weight;

font-size;

font-height;

font-family.

2) color:

指定颜色,写法:

十六进制值(或者简写);

rgb()函数;

css承认的颜色名。

3)font-family:

在后面直接输入名字,如果有英文,尽量用引号引起来。

4)font-face(导入外部字体)

@font-face{

font-family

src:url("url");

}

必须记住导入外部字体后,要进行引用。

5)font-size:

A、absolute-size 绝对大小:

xx-small;

x-small;

small;

medium;

large;

x-large;

xx-large.

B、 relative-size 相对大小:

larger;

smaller.

C、length 长度:

常以px为选项。

D、百分比:

其百分比取值是基于父对象中字体的尺寸。

6)font-style (字体的样式):

normal(正常);

italic和oblique(斜体).

7)font-weight(字重):

normal(正常=400);

bold(加粗=700);

bolder(特粗,只在IE5中可行);

lighter(细体,只在IE5中可行).

8)text-decoration(文字装饰):

none(没有装饰);

underline(下划线);

line-through(贯穿线);

overline(上划线).

9)text-shadow(文字阴影):

2px 2px 3px gray;

分别表示向x轴偏移,向y轴偏移,模糊程度,阴影颜色。

10)font-variant(文字转换1):

normal(正常);

small-caps(把小写转换为大写).

11)text-transform(文字转换2):

none(无转换发生);

capitalize(把单词首字母转换为大写);

uppercase(全部转换为大写);

lowercase(全部转换为小写).

12)line-height(行高):

normal(正常);

length(具体的长度值,可以为负值).

13)letter-spacing(字母之间的间距):

normal(默认的间隔);

length(具体的长度值,可以为负值).

14)word-spacing(单词之间的间隔):

normal(默认的间隔);

length(具体的长度值,可以为负值).

2、文本

1)text-align(文本对齐)

left(左对齐);

right(右对齐);

center(居中对齐);

justify(两端对齐,比较少用).

2)没了。。。嘻嘻。

3、background(背景)

1)background-color(背景颜色);

transparent(背景色透明);

color(指定颜色,rgb、十六进制、英文名);

2)background-image(背景图像);

none(没有);

url(url)(指明具体的路径).

3)background-position(背景图像的位置);

length/length(长度/宽度);

position:top/center/bottom/left/right(比较少用).

4)bavkground-repeat(背景重复);

repeat(背景图像在横向与纵向进行平铺,默认值);

no-repeat(背景图像不平铺);

repeat-x(背景图像在横向平铺);

repeat-y(背景图像在纵向平铺).

4、positioning(定位)

1)position(位置);

static(无特殊定位,默认值);

absolute(绝对定位。脱离文档流,与left、right、bottom、top连用);

relative(相对定位。仍然占据文档流,与left、right、bottom、top连用);

fixed(固定定位);

2)z-index(层叠顺序,必须与position连用,才有效果!)

auto(遵从其父对象的定位);

number(无单位的整数值。可以为负).

3)top、right、bottom、left(上、右、下、左)

auto(遵从文档流);

length(浮点数字、有单位标示的长度值、百分数).

5、layout(布局)

1)clear(清除浮动影响);

none(允许两边都有浮动对象);

both(不允许有浮动影响);

left(不允许左边有浮动影响);

right(不允许右边有浮动影响).

2)float(浮动)

none(对象不浮动);

left(浮动到左边);

right(浮动到右边).

3)clip(剪切,好恶心的东西)

auto(对象无剪切);

rect(unmber  unmber  unmber  unmber)(以对象左上角的(0,0)坐标为依据按上右下左的顺序依次剪切,任意一边设为auto,表示不剪切).

4)overflow(处理溢出)

visible(不剪切内容也不添加滚动条,默认值,此时clip的属性失效);

auto(在需要的时候剪切内容和添加滚动条);

hidden(不显示超过对象尺寸的内容);

scroll(总是显示滚动条).

5)display(显示)

inline(以行级元素显示);

block(以块级元素显示);

inline-block(内容是块级元素,以行级元素显示);

none(不显示,脱离文档流).

6)visibility(可见性)

visible(对象可见);

hidden(对象隐藏).

6、(border)边框

1)border-color(边框颜色);

2)border-style(边框样式);

none(没有边框);

dotted(点线边框);

dashed(虚线边框);

solid(实线边框);

double(双线边框);

groove(按border-color画3D凹槽);

ridge(按border-color画菱形边框);

inset(按border-color画3D凹边);

outset(按border-color3D凸边).

3)border-width(边框厚度)

medium(默认宽度);

thin(小于默认宽度);

thick(大于默认宽度);

length(浮点数字和单位标识符组成的长度值).

4)top、right、left、bottom都可以与上面任何一个属性连用!

7、lists(列表)

1)list-style-image(列表图片样式);

none(没有样式);

url(url)(加入图片的地址).

2)list-style-type(列表样式).

disc :  CSS1 实心圆
circle :  CSS1 空心圆
square :
 CSS1 实心方块
decimal :
 CSS1 阿拉伯数字
lower-roman :
 CSS1 小写罗马数字
upper-roman :
 CSS1 大写罗马数字
lower-alpha :
 CSS1 小写英文字母
upper-alpha :
 CSS1 大写英文字母
none :
 CSS1 不使用项目符号
8、table(表格)

1)border-collapse(边框合并);

separate(边框独立);

collapse(边框合并).

2)border-spacing(边框间距);

length/length(当指定了全部两个length值时,第一个作用于横向间距,第二个作用于纵向间距。).

时间: 2024-11-05 17:13:49

常用CSS标签1——属性的相关文章

1.HTML复习(常用的标签,属性,div布局,meta)

基础不牢,地动山摇 2018-07-29 以前没有好好的学html,现在做web项目有一种无从下手的感觉,虽然有现成的页面,但是要调整一下样式,还是会遇到不少困难,还是重头再来复习一遍,编写的效率才会高些. 常用标签 p:段落标签 hr:分割线  ol 有序 ol 无序 li 列表  table 表格 tr行 td列 form 表单 span范围   br 换行 img-alt--titile(用于提示) 图像 常用属性:input控件中--text 文本  button 按钮  submit

html5 中常用的标签和属性

<blockquote> 标签定义摘自另一个源的块引用. <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左.右两边进行缩进,而且有时会使用斜体.也就是说,块引用拥有它们自己的空间. <hgroup> 标签用于对网页或区段(section)的标题进行组合. <param> 标签 定义和用法 param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可

常用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:bold; /*文字粗体*/vertical-a

css标签属性及用法

css标签及属性 HTML引入CSS的方法 1.嵌入式  <style type = "text/css">要写的样式</style> 2.外联式  <link rel = "stylesheet"  type = "text/css"  href = "css/public.css"  /> 3.行内式(主要用于JS控制元素的样式):style="color:red;"

常用css属性

一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal;字间距 letter-spacing: 数值 | inherit | normal;词间距 word-spacing: 数值 | inherit | normal;空格 white-space: pre(保留) | nowrap(不换行) | normal; /*表格宽度自适应*/ th { white-space: nowrap; } 显示 display: none;

HTML超文本标记语言(二)-HTML中几个常用标签及属性

HTML中几个常用标签及其属性 一.HTML链接标签:<a></a> 1.herf属性:创建指向另一个文档的标签(超链接) 语法结构:<a href=url">Link Text</a> 注意: "链接文本"不必一定是文字,图片或其他HTM元素也可以成为链接. 2.name属性:规定锚的名称,用于创建文档内的书签(锚) 语法结构如下. 命名锚:<a name="tip">基本的注意事项-有用的提示

CSS和JavaScript标签style属性对照表

CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,第二个字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border borderborder-bottom borderBottomborder-bottom-color borderBottomColorborder-bottom-style borderBottomStyleborder-bottom-width borderBottomWidthborder-colo

CSS和Java script 标签style属性对照表

CSS和Java script 标签对照表 盒子标签和属性对照 CSS语法 (不区分大小写) Java script 语法 (区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomWidth border-color borderColor

CSS 和 JavaScript 标签 style 属性对照表

CSS 和 JavaScript 标签 style 属性对照表: 盒子标签和属性对照颜色和背景标签和属性对照样式标签和属性对照文字样式标签和属性对照文本标签和属性对照   CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom