backstyle属性 background size属性
大家好,今天来为大家分享backstyle属性的一些知识点,和background size属性的问题解析,大家要是都明白,那么可以忽略,如果不太清楚的话可以看看本篇文章,相信很大概率可以解决您的问题,接下来我们就一起来看看吧!
css的属性有哪些
希望能帮到你属性名称
字体属性(Font)
font-family
font-style
font-variant
font-weight
font-size
颜色和背景属性
Color
Background-color
Background-image
Background-repeat
Background-attachment
Background-position
文本属性
Word-spacing
Letter-spacing
Text-decoration
Vertical-align
Text-transform
Text-align
Text-indent
Line-height
边距属性
Margin-top
Margin-right
Margin-bottom
Margin-left
填充距属性
Padding-top
Padding-right
Padding-bottom
Padding-left
边框属性
Border-top-width
Border-right-width
Border-bottom-width
Border-left-width
Border-width
Border-color
Border-style
Border-top
Border-right
Border-bottom
Border-left
Width
Height
Float
Clear
分级属性
Display
White-space
List-style-type
List-style-image
List-style-position
List-style
鼠标(Cursor)属性属性含义
使用什么字体
字体是否斜体
是否用小体大写
字体的粗细
字体的大小
定义前景色
定义背景色
定义背景图案
重复方式
设置滚动
初始位置
单词之间的间距
字母之间的间距
文字的装饰样式
垂直方向的位置
文本转换
对齐方式
首行的缩进方式
文本的行高
顶端边距
右侧边距
底端边距
左侧边距
顶端填充距
右侧填充距
底端填充距
左侧填充距
顶端边框宽度
右侧边框宽度
底端边框宽度
左侧边框宽度
一次定义宽度
设置边框颜色
设置边框样式
一次定义顶端
一次定义右侧
一次定义底端
一次定义左侧
定义宽度属性
定义高度属性
文字环绕
哪一边环绕
定义是否显示
怎样处理空白
加项目编号
加图案
第二行起始位置
一次定义列表
自动
定位“十”字
默认指针
手形
移动
箭头朝右方
箭头朝右上方
箭头朝左上方
箭头朝上方
箭头朝右下方
箭头朝左下方
箭头朝下方
箭头朝左方
文本“I”形
等待
帮助
属性值
所有的字体
Normal、italic、oblique
Normal、small-caps
Normal、bold、bolder、lithter等
Absolute-size、relative-size、length、percentage等
颜色
颜色
路径
Repeat-x、repeat-y、no-repeat
Scroll、Fixed
Percentage、length、top、left、
right、bottom等
Normal<length>
同上
None|underline|overline|line-
through|blink
Baseline|sub|super|top|text-top|middle|bottom|text-bottom|
Capitalize|uppercase|
lowercase|none
Left|right|center|justify
<length>|<percentage>
Normal|<number>|<length>|
<percentage>
Length|percentage|auto
同上
同上
同上
Length|percentage
同上
同上
同上
Thin|medium|thick|length
同上
同上
同上
同上
Color
None|dotted|dash|solid等
Border-top-width|color等
同上
同上
同上
Length|percentage|auto
Length|auto
Left|right|none
Left|right|none|both
Block、inline、list-item、none
Normal、pre、nowrap
Disc、circle、square等
<url>|none
Inside、outside
<keyword>|<position>|<url>
Auto
Crosshair
Default
Hand
Move
e-resize
Ne-resize
Nw-resize
n-resize
Se-resize
Sw-resize
s-resize
w-resize
Text
Wait
Help
css样式的属性。
一、字体属性
与字体有关的属性包括:font-family,font-style,font-variant,font-weight,
font-size,font。执行顺序是:font-style,font-variant,font-weight,font-size
1、font-family:如果字体的名称中含有空格,那么要加上双引号。
2、font-style:normal|italic|oblique
3、font-variant:normal|small-caps
4、font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900
normal相当于400,bold相当于700
5、font-size:absolute-size|relative-size|length|percentage
absolute-size:xx-small|x-small|small|medium|large|x-large|xx-large
relative-size:larger|smaller
6、font:font-style|font-variant|font-weight|font-size|line-height|font-family
font属性可以一次定义前边提到的所有的字体属性。
二、颜色和背景属性
1、color:一般指前景色。
2、background-color:背景色。
3、background-image:
body{background-image:url(marble.jpg)}
4、background-repeat:repeat|repeat-x|repeat-y|no-repeat
body{background-image:url(marble.jpg);background-repeat:repeat-y}
5、background-attachment:scroll|fixed
设置文字在背景图案上面滚动,背景图案保持固定不动用fixed.
6、background-position:percentage|length{1,2}|top|center|bottom|left|center|right
7、background:background-color|background-image|background-repeat|background-attachment|background-position
可以一次设置前面的所有的有关背景的属性。如body{background:white url(bg.jpg)}
三、文本属性
1、word-spacing:normal|length
2、letter-spacing:normal|length
3、text-decoration:none|underline|overline|line-through|blink
4、vertical-align:baseline|sub|super|top|text-top|middle|bottom|text-bottom|percentage
这个属性用来对齐图片效果特别好。如image{vertical-align:baseline}
5、text-transform:capitalize|uppercase|lowercase|none
capitalize:每个单词的第一个字母大写。
uppercase:所有字都大写。
lowercase:所有字都小写。
6、text-align:left|right|center|justify
7、text-indent:length|percentage
适用于块级元素,定义文本首行的缩进方式。如p{text-indent:1cm}
8、line-height:normal|number|length|percentage
四、容器属性
1、margin-top:length|percentage|auto
如body{margin-top:0}
2、margin-right:同上
3、margin-bottom:同上
4、margin-left:同上
5、margin:length|percentage|auto{1,4}
前四个属性都可以用margin来定义。如果给出的值少于四个,那么缺失的部分就取其对边的值。
<HTML> background--repeat 属性
1、首先选择新建一个基本的网页,在这个网页上面进行代码的修改。
2、主体内容,<h1>如何在水平方向重复背景图像</h1>。
3、这个<style>语句就让自己进行了两个属性的设定。一个就是网页的背景图像,另外一个就是背景图像的重复方式。
4、还可以在右边的样式规则窗口进行各种的设置的编辑。
5、最后把repeat-x变化repeat-y的时候,网页中的图像也就发生了变化。
文章到此结束,如果本次分享的backstyle属性和background size属性的问题解决了您的问题,那么我们由衷的感到高兴!