css中一些常用的属性和属性值

　今天和大家分享一下有关css中的一些常用的属性和属性值：

①颜色属性　　color　　②background 　　背景属性　　其属性值有：

1，Background-image: 背景图片

2，Background-repeat: 背景重复

　　Repeat-x(x轴方向重复) | repeat-y(y轴方向重复) |no-repeat（不重复）

3，Background-attachment: 背景附件 scroll(默认值)  fixed（固定）

4，Background-position:背景位置

　　Left|center|right( 横向)

T　　op|center|bottom(纵向)

　　像素

（注意:background-position 两个值之间需要使用空格隔开）

Background:<背景颜色>|<背景图片>|<背景重复>|<背景附件>|<背景位置>

每个属性中间都要用空格隔开

　　③边框属性　　1，border-style 边框样式　　Border-top-style　　Border-left-style　　Border-bottom-style　　Border-right-style

属性值有:     dotted 点线　　Dashed 虚线　　Solid   实线　　Double 双实线　　Groove 槽状线　　Ridge   脊线　　Inset  内嵌效果　　Outset 外凸效果

Border-width 边框宽度　　单位使用像素　　同上

Border-color  边框颜色　　同上

Border:边框宽度 边框样式 边框颜色

　　④文本属性　　1，text-align 文本对齐方式　　　left|right|center　　2,text-decoration 文本修饰　　None(默认值) 通常我们使用这个属性将a标签的默认下划线取消　　Underline 定义文本下的一条线　　Overline 定义文本上的一条线　　Line-through  定义穿过文本中的一条线　　3，line-height 设置行间距离(行高)   不允许出现负值　　作用:用来将文本居中显示 一般都是和设置的高度相同 让文字垂直居中显示

　　

时间： 2024-10-13 21:49:31

css中一些常用的属性和属性值的相关文章

css中display常用属性详解之Block（一）

用了几年的css了,css中inline | block |inline-block|table|flex从来没有做过系统的整理和分析,网上的分析文章也很多,零散. 今天有空,就在这做一下整理分析 block 解释:指定对象为块元素(占据一定矩形空间,可以通过设置高度.宽度.内外边距等属性,来调整的这个矩形的样) 特点:1.处于常规流中时,如果width没有设置,会自动填充满父容器  2.可以应用margin/padding  3.在没有设置高度的情况下会扩展高度以包含常规流中的子元素  4.处

[转]深入理解css中的position定位和z-index属性

由于平时不太用到,所以过去写css的时候对于position属性的absolute. relative值理解比较模糊,对于z-index的层叠更是摸不着头脑,除了理解的因素外,各个浏览器的不同解析结果也是一个大问题.今天仔细阅读了一下css文档,总算是对盒模型的浮动.定位有了比较深刻的理解. 我们在实践中很有可能遇到这样的问题:1.做一个横向导航,然后鼠标经过之后出现下拉菜单,那么这个下拉菜单的位置控制就是一个关键:2.我们想在一个正常的页面布局中放入几个浮在页面上的气泡提示,这时既不想让气泡提

css中一些常用技巧

// css中引入字体文件 @font-face { font-family: msyh; /*这里是说明调用来的字体名字*/ src: url('../font/wryh.ttf'); /*这里是字体文件路径*/ } *{ font-family: wryh.ttf; }

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

javascript中数组常用的方法和属性

前言 在javascript中,数组是一种非常重要的数据类型,我们时常会和它打交道,最近在开发项目中频繁的使用到数组,但是自己对数组的众多方法已经是非常模糊了,为了方便自己以后能够更好的使用数组中的属性和方法,在此记录一下. 数组常用的属性和方法 常用属性 Array.length:返回数组的大小 常用方法 Array.pop():删除并返回数组的最后一个元素 Array.push():向数组的结尾添加元素 Array.shift():将元素移除数组 Array.unshift():向数组头部添

css中的position:relative和absolute 属性

语法: position : static | absolute | fixed | relative 取值: static :默认值.无特殊定位,对象遵循HTML定位规则 absolute :将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位.如果不存在这样的父对象,则依据 body 对象.而其层叠通过 z-index 属性定义 fixed :未支持.对象定位遵从绝对(absolute)方式.但是要遵守

CSS中可继承和不可继承属性总结

可继承属性 所有元素:visibility.cursor 列表元素:list-style.list-style-type.list-style-position.list-style-image 字体属性:line-height.color.font.font-family.font-size.font-style.font-variant.font-weight.font-size-adjust 表格布局属性:caption-side.border-collapse.border-spacin

css中好看常用的中文字体

CSS,font-family 例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3(加网 ):font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\

CSS中伪类:after的用法

CSS中存在一些比较特殊的属性,称之为伪类,它们之中最常用的就是定义链接的伪:link,:visited,:hover,:active等. 除了它们,还有一些不被常使用的伪类,有:focus,:first-child,:lang等. 而且CSS里不光有伪类,还有伪元素,比如::first-letter,:first-line,:before和:after. ?本文中其它伪元素暂且不表,单说:after伪元素. after顾名思义是在元素后面的意思,实质是在元素之后添加内容. 这个伪元素允许制作人