css背景,列表,链接

	列表属性:list-style
			list-style-image	将图象设置为列表项标志。
			    URL	图像的路径。
			    none	默认。无图形被显示。
			    inherit	规定应该从父元素继承 list-style-image 属性的值。
			list-style-position	设置列表中列表项标志的位置。
			    inside	列表项目标记放置在文本以内,且环绕文本根据标记对齐。
			    outside	默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐。
			    inherit	规定应该从父元素继承 list-style-position 属性的值。
			list-style-type	设置列表项标志的类型。 
			    none	无标记。
			    disc	默认。标记是实心圆。
			    circle	标记是空心圆。
			    square	标记是实心方块。
			    decimal	标记是数字。
			    decimal-leading-zero	0开头的数字标记。(01, 02, 03, 等。)
			    lower-roman	小写罗马数字(i, ii, iii, iv, v, 等。)
			    upper-roman	大写罗马数字(I, II, III, IV, V, 等。)
			    lower-alpha	小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
			    upper-alpha	大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
			    lower-greek	小写希腊字母(alpha, beta, gamma, 等。)
			    lower-latin	小写拉丁字母(a, b, c, d, e, 等。)
			    upper-latin	大写拉丁字母(A, B, C, D, E, 等。)
			    hebrew	传统的希伯来编号方式
			    armenian	传统的亚美尼亚编号方式
			    georgian	传统的乔治亚编号方式(an, ban, gan, 等。)
			    cjk-ideographic	简单的表意数字
			    hiragana	标记是:a, i, u, e, o, ka, ki, 等。(日文片假名)
			    katakana	标记是:A, I, U, E, O, KA, KI, 等。(日文片假名)
			    hiragana-iroha	标记是:i, ro, ha, ni, ho, he, to, 等。(日文片假名)
			    katakana-iroha	标记是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名)
			list-style	简写属性。用于把所有用于列表的属性设置于一个声明中      
	可以设置的属性(按顺序): list-style-type, list-style-position, list-style-image



	
			链接属性:a    link   四种链接的状态    伪类选择器  love hate
			a:link      - 正常,未访问过的链接(
			a:visited   - 用户已访问过的链接
			a:hover     - 当用户鼠标放在链接上时
			a:active    - 链接被点击的那一刻
			
			伪类选择器:
			选择器:hover   鼠标移入(悬停)时    
			
			
			宽:width    px
			高:height   px
			注意:块元素或行内块级元素 可以设置宽高
			div:块标签   division 
		


		background属性:
			背景图像是否固定或者随着页面的其余部分滚动background-attachment。
			scroll	背景图片随页面的其余部分滚动。这是默认
			    fixed	背景图像是固定的
			    inherit	指定background-attachment的设置应该从父元素继承
			background-color	    设置元素的背景颜色。
			    color	    指定背景颜色。
			    transparent	指定背景颜色应该是透明的。这是默认
			    inherit	    指定背景颜色,应该从父元素继承
			background-image	    把图像设置为背景。
			    url('URL')	图像的URL   图片路径/地址
			    none	    无图像背景会显示。这是默认
			    inherit	    指定背景图像应该从父元素继承
			background-position	    设置背景图像的起始位置。
			    left top    左上默认
			    left center 左中
			    left bottom 左下
			    right top   右上
			    right center 右中
			    right bottom 右下
			    center top   中上
			    center center 中心
			    center bottom 中下	如果仅指定一个关键字,其他值将会是"center"
			    x% y% 表示使用百分比定位	第一个值是水平位置,第二个值是垂直。左上角是0%0%。右下角是100%100%。如果仅指定了一个值,其他值将是50%。 。默认值为:0%0%
			    xpos ypos 表示使用预定义关键字定位	,第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是像素(0px0px)或任何其他 CSS单位。如果仅指定了一个值,其他值将是50%。你可以混合使用%和positions
			    inherit	指定background-position属性设置应该从父元素继承
			background-repeat  设置背景图像是否及如何重复。
			    repeat	    背景图像将向垂直和水平方向重复。这是默认
			    repeat-x	只有水平位置会重复背景图像
			    repeat-y	只有垂直位置会重复背景图像
			    no-repeat	background-image不会重复
			    inherit	    指定background-repea属性设置应该从父元素继承
			background-size     指定背景图片的大小
			    length	    设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动 默认)
			    percentage	将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
			    cover	    此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。 短边充满盒子
			    contain	    此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。  长边充满盒子
		background      简写属性,作用是将背景属性设置在一个声明中。   
	可以设置的属性分别是:background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment,和background-image.
	语法:background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
		
posted @ 2022-01-06 18:13  平_y29  阅读(129)  评论(0)    收藏  举报