css样式的所有属性

background

一个声明中设置所有的背景属性。

background-attachment

设置背景图像是否固定或者随着页面的其余部分滚动。

background-color

设置元素的背景颜色。

background-image

设置元素的背景图像。

background-position

设置背景图像的开始位置。

background-repeat

设置是否及如何重复背景图像。

CSS

字体属性(Font)

font

在一个声明中设置所有字体属性。

font-family

规定文本的字体系列。

font-size

规定文本的字体尺寸。

font-size-adjust

为元素规定

aspect 值。

font-stretch

收缩或拉伸当前的字体系列。

font-style

规定文本的字体样式。

font-variant

规定文本的字体样式。

font-weight

规定字体的粗细。

CSS

外边距属性(Margin)

margin

在一个声明中设置所有外边距属性。

margin-bottom

设置元素的下外边距。

margin-left

设置元素的左外边距。

margin-right

设置元素的右外边距。

margin-top

设置元素的上外边距。

CSS

内边距属性(Padding)

padding

在一个声明中设置所有内边距属性。

padding-bottom

设置元素的下内边距。

padding-left

设置元素的左内边距。

padding-right

设置元素的右内边距。

padding-top

设置元素的上内边距。

CSS

列表属性(List)

list-style

在一个声明中设置所有的列表属性。

list-style-image

将图象设置为列表项标记。

list-style-position

设置列表项标记的放置位置。

list-style-type

设置列表项标记的类型。

marker-offset

内容生成(Generated Content)

content 与:before 以及:after

伪元素配合使用,来插入生成内容。

counter-increment

递增或递减一个或多个计数器。

counter-reset

创建或重置一个或多个计数器。

quotes

设置嵌套引用的引号类型。

CSS

尺寸属性(Dimension)

height

设置元素高度。

max-height

设置元素的最大高度。

max-width

设置元素的最大宽度。

min-height

设置元素的最小高度。

min-width

设置元素的最小宽度。

width

设置元素的宽度。

CSS

定位属性(Positioning)

bottom

设置定位元素下外边距边界与其包含块下边界之间的偏移。

clear

规定元素的哪一侧不允许其他浮动元素。

clip

剪裁绝对定位元素。

cursor

规定要显示的光标的类型(形状)。

display

规定元素应该生成的框的类型。

float

规定框是否应该浮动。

left

设置定位元素左外边距边界与其包含块左边界之间的偏移。

overflow

规定当内容溢出元素框时发生的事情。

position

规定元素的定位类型。

right

设置定位元素右外边距边界与其包含块右边界之间的偏移

top

设置定位元素的上外边距边界与其包含块上边界之间的偏移。

vertical-align

设置元素的垂直对齐方式。

visibility

规定元素是否可见。

z-index

设置元素的堆叠顺序。

CSS 打印属性(Print)

orphans

设置当元素内部发生分页时必须在页面底部保留的最少行数。

page-break-after

设置元素后的分页行为。

page-break-before

设置元素前的分页行为。

page-break-inside

设置元素内部的分页行为。

widows

设置当元素内部发生分页时必须在页面顶部保留的最少行数。

时间: 2024-08-08 09:21:52

css样式的所有属性的相关文章

使用chrome查看页面元素的css样式

我们在写页面的时候,可能总是不知道怎么回事,就发现某个元素出现了问题,但是不知道为什么会这样,这时候,就需要使用强大的chrome了!!! 举例说明: 1. 我们希望看到博客园这张图片的具体信息.就可以打开chrome的开发者工具,点击箭头后选中该图片,这时代码就自动定位到了该元素的HTML代码,如下图所示: 这个页面中,右上方的蓝色阴影下即为图片元素所在的HTML代码,而开发者工具的左下方就是该元素的css样式代码: 其中最上面的是行内样式, 往下有我们对其进行直接的样式设置的代码: 往下有从

Chrome开发工具Elements面板(编辑DOM和CSS样式)详解

Element 译为“元素”,Element 面板可以让我们动态查看和编辑DOM节点和CSS样式表,并且立即生效,避免了频繁切换浏览器和编辑器的麻烦. 我们可以使用Element面板来查看源代码,它不但可以很好的格式化DOM节点,清晰的展现HTML文档,还可以查看JavaScript创建的DOM节点和iframe中的DOM节点,比在当前网页中右击鼠标选择“查看网页源代码”强大很多. 总之,Element面板可以让我们很透彻的了解DOM和CSS的底层结构. 我们将以下面的HTML代码为例来详细了解

1113Js操作CSS样式

1.Js操作css样式 Div.style.width="100px".在div标签内我们添加了一个style属性,并设定 了width值.这种写法会给标签带来大量的style属性,跟实际项目是不符. 我们没有让css和html分离. 所以如果是为了获取css样式 window.getComputedStyle() 获取经过计算机计算的所有属性 就是只要渲染出来的都是经过计算的. getComputedStyle()第一个参数是当前元素,第二个一般我们写null 并且这个方法是只读,

前端之css样式(选择器)。。。

前端之css样式(选择器)... 一.css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如 二.css的四种引入方式 1.行内式 行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用. 2.内嵌式 嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style

CSS样式的优先级

1.相同权值情况下,CSS样式的优先级总结来说,就是--就近原则(离被设置元素越近优先级别越高): 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中). 2.权值不同时,浏览器是根据权值来判断使用哪种css样式的,哪种样式权值高就使用哪种样式. 下面是权值的规则: 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100.例如下面的代码: p{color:red;} /*标签,权值为1*/ p span{color:green;} /*两个标签,权值为1+

网站开发综合技术 第二部分 CSS样式表

第2部分 CSS样式表 CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. /*注释*/    注释语法 2.1.样式表的基本概念 2.1.1.样式表分类 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "

CSS样式与选择器

CSS构造块的样式: 1.  h1{color:red;background-color:yellow} 其中:h1是选择器,花括号内是声明部分.多个声明之间用分号隔开. 2.为样式规则添加注释:/*...*/.注意不能将一个注释嵌套在另一注释中.如:/*这样做/*是不对的*/因为嵌套在外层注释内*/.注释可以放在样式规则内部.如:img{border:4px solid red;/*margin-right:12px;*/} ,浏览器会显示的只有border样式,因为margin-right

[程序员入行必备]CSS样式之优先级

专业玩家请移步:http://www.w3.org/TR/CSS2/cascade.html 使用CSS控制页面样式时,经常出现设定的样式被"覆盖",不能生效的情况. 浏览器是依据怎样的优先次序判断CSS样式的优先级的呢? 总结如下: 样式的来源 样式有多处来源,有网页开发作者设定的.有浏览器默认的.还有网页用户设定的.各种样式声明逐层叠加,或继承.或覆盖.或叠加计算,影响元素的展现效果. 样式的来源依次有: 1.浏览器默认样式: 2.用户样式: 3.作者链接样式: 4.作者页内嵌入样

CSS 样式书写规范

CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transitio CSS书写规范 使用CSS缩写属性 CSS有些属性是可以缩写的,比如paddin