CSS属性-1

CSS属性

关于尺寸的

width  设置宽

height  设置高

min-width:  设置最小宽度

max-width:  设置最大宽度

min-height:  设置最小高度

max-height:  设置最大高度

关于文字的

font-family:微软雅黑;   设置文字字体

font-size:16px;     设置文字大小

font-weight:bold;   设置文字加粗

color:设置文字颜色

font-style:italic   设置字体为斜体

oblique 设置文字倾斜

letter-spacing:2px|em   设置字间距

line-height  设置行高

关于文本的

text-indent:   首行缩进

text-align:对其方式   left(左)|right(右)|center(居中)

text-shadow:2px 5px 1px #ccc   文字阴影   第一个表示水平偏移量,第二个参数表示垂直偏移量,第三个参数表示模糊量,第四个参数表示阴影颜色

text-decoration:overline(上划线)|underline(下划线)|line-through(删除线)|none(无)

text-decoration-color:red|#cccccc   设置线的颜色

text-decoration-style:dashed(虚线)|double(双线)|solid(实线)|wavy(波浪线)|dotted(点状线)

text-decoration- position:

关于列表

list-style:none   取消列表样式

list-style-image:url()  修改列表样式为图片

list-style-position:inside(里边)|outside(外边)

list-style-type:

关于边框

border:1px solid #ccc  第一个参数表示边框的大小,第二个参数表示边框的样式,第三个参数表示边框的颜色

第二个参数可取值:solid(实线)|dashed(虚线)|dotted(点状线)|double(双线)|groove(3D凹槽轮廓)|ridge(3D凸槽轮廓)|inset(3D凹边轮廓)|outset(3D凸边轮廓)

border-style:solid|dashed

border-color:#cccccc

border-width:2px

border-bottom:1px solid #ccc   设置下边框

border-top:1px solid #ccc    设置上边框

border-left:1px solid #ccc    设置左边框

border-right:1px solid #ccc    设置右边框

border-radius:2px 2px 3px 5px    设置圆角

border-top-left-radius:    设置左上角

border-top-right-radius    设置右上角

border-bottom-left-radius   设置左下角

border-bottom-right-radius  设置右下角

border-image:url()       设置边框为一张图片

border-image-repeate:

stretch:指定用拉伸方式来填充边框背景图。

repeat:指定用平铺方式来填充边框背景图。当图片碰到边界时,如果超过则被截断。

round:指定用平铺方式来填充边框背景图。图片会根据边框的尺寸动态调整图片的大小直至正好可以铺满整个边框。

space:指定用平铺方式来填充边框背景图。图片会根据边框的尺寸动态调整图片的之间的间距直至正好可以铺满整个边框。

box-shadow:2px 5px 2px 20px inset

第一个参数水平偏移量,第二个参数垂直偏移量,第三个参数模糊设置,第四个参数延伸设置,第五个参数省略时外阴影,存在时内阴影

关于背景

background:color|image   设置背景为颜色或者图片

background-color:red|#0ff  设置背景颜色

background-image:url()   设置背景图片

background-size:20px|20% 50px|30%   设置背景图大小

background-postion: left|right|center|bottom|top背景图片位置

left 20px

插入多张背景图片

background-image:url(*.jpg) 0 0,url(*.jpg) 210px 40px

0 0和210px 40px 表示的是每张背景图的开始位置坐标

关于补白(内边距、外边距)

margin:1px  上下左右外边距为1px

margin:2px 4px   上下外边距为2px,左右外边距为4px

margin:5px 10px 15px 20px   上外边距为5px,右外边距10px,下外边距15px,左外边距20px

方向是上右下左

margin-top:5px

margin-right:10px

margin-bottom:15px

margin-left:20px

内边距

padding:1px  上下左右内边距为1px

padding:2px 4px   上下内边距为2px,左右内边距为4px

padding:5px 10px 15px 20px   上内边距为5px,右内边距10px,下内边距15px,左内边距20px

方向是上右下左

padding-top:5px

padding-right:10px

padding-bottom:15px

padding-left:20px

关于布局的

display:block;   行转块  或者显示

display:none    隐藏不占空间

opacity:0.5   设置透明度

filter:alpha(opacity=50)  IE下设置透明度

overflow:hidden   超出部分隐藏

scroll   显示滚动条

auto    当有内容超出容器时显示滚动条

overflow-x:横向超出部分隐藏

overflow-y:纵向超出部分隐藏

定位

position:fixed;  固定定位

position:absolute  绝对定位

position:relative   相对定位

z-index:1-999   调整层关系,数值越大越优先显示

浮动

标准流盒子认为非标准流盒子不占空间,非标准流盒子认为标准流盒子占空间

float:left    左浮动

float:right   右浮动

clear:both;   清除浮动

时间: 2024-10-08 20:04:32

CSS属性-1的相关文章

CSS属性选择器

属性选择器 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <link rel="stylesheet" type="text/css" href="./css/属性选择器.css&qu

CSS属性

CSS样式属性 一.字体 1.font-family:Tahoma,Arial,"Hiragino Sans GB";字体,第一种字体不能显示时,用第二种字体 2.font-size:xx-small or 10px字体大小:绝对大小:xx-small.x-small.medium.large.x-large.xx-large.x-large.xx-l相对大小:large smaller 使用数字和度量单位绝对单位:px:显示器像素个数mm.cm.in:毫米 厘米 英寸,使用这类单位,

Day49:CSS属性操作(文本、背景、边框、列表、display、边距)

一.CSS属性操作 1.CSS text 文本颜色:color 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如:  red p { color: rebeccapurple; } 水平对齐方式 text-align 属性规定元素中的文本的水平对齐方式. left       把文本排列到左边.默认值:由浏览器决定. right     把文本排列到右边. center 把文

可用于jquery animate()方法的css属性

* backgroundPosition * borderWidth * borderBottomWidth * borderLeftWidth * borderRightWidth * borderTopWidth * borderSpacing * margin * marginBottom * marginLeft * marginRight * marginTop * outlineWidth * padding * paddingBottom * paddingLeft * paddi

与换行相关的css属性简单介绍

与换行相关的css属性简单介绍:在css布局中可能需要人为的进行操作是否换行,如何换行,本章节就就做一下简单介绍.一.word-break属性:此属性用来设定文本如何进行换行.语法结构: word-break:normal | break-all | keep-all 参数解析:1.normal:默认值,原则上规定在断字点换行,通俗的说就是在单词与语单词之间可以进行换行,但是如果单词特别的长,超出了行的长度,可以从单词内部断开进行换行.2.break-all:此属性值能够实现强制将单词从内部截断

JS里引用CSS属性时候的命名

????如果JS代码中设置<p>元素的另一个CSS属性font-family.这个属性的获取方式与color属性略有不同,因为 font和family之间的连字符与JS中减法操作符相同,JS会把它解释为减号.如果你像下边这样访问名为 font-family 的属性,会收到一条出错信息: ????Element.style.font-family ????JS将减号前边的内容解释为"元素的style属性的font属性",把减号后的内容解释为一个名为family的变量,将整个表

前端学习 -- Css -- 属性选择器

属性选择器:根据元素的属性选择指定元素 语法:[属性名] 选取含有指定属性的元素 [属性名="属性值"]:选取属性值等于指定值的元素 [属性名^="属性值"]:选取属性值以指定内容开头的元素 [属性名$="属性值"]:选取属性值以指定内容结尾的元素 [属性名*="属性值"]:选取属性值中包含指定内容的元素 demo:(注:这么尴尬的诗句肯定不是我写的) <!DOCTYPE html> <html> &l

jQuery修改操作css属性实现方法

在jquery中我们要动态的修改css属性我们只要使用css()方法就可以实现了,下面我来给各位同学详细介绍介绍. css()方法在使用上具有多样性,我们先来了解css()方法基本知识. css() 方法设置或返回被选元素的一个或多个样式属性. 返回 CSS 属性如需返回指定的 CSS 属性的值,请使用如下语法: css("propertyname");下面的例子将返回首个匹配元素的 background-color 值: 实例 $("p").css("b

CSS属性之字体(Font)

CSS属性之字体(Font) font:[ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ]  复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变,其他关键字的值放到这两个值的前面,顺序可以随意打乱. 可以在字号值(font-siz

html文字css属性

color:设定一个标签中的文字的颜色,颜色值可以使用英文单词,16进制语法和rgb语法: font-size: 设定文字大小,单位通常为像素(px)—— 一般的商业网站的文字大小通常都是12px. font-weight: 设置文字粗体(bold)或非粗体(normal). font-style: 设置文字斜体(italic) 或非斜体(normal) font-family:设置文字的字体名字,可以使用多个字体名,中间用逗号分开,表示的含义是:首先使用第一个字体,如果用户电脑中没有第一个,则