首页 > 代码库 > css基础-Background&Text
css基础-Background&Text
css基础-Background&Text
以下笔记为复习css的一些基础,每一节我都做了一个简单的总结事例,以便参考:
1 /*CSS 属性定义背影效果: 2 3 background-color 定义了元素的背景颜色. 4 background-image 定义了元素的背景图像. 5 background-repeat 定义是否重复 6 background-attachment 背景图像是否固定或者随着页面的其余部分滚动 7 background-position 改变图像在背景中的位置 8 */ 9 10 body{11 width:200px;12 height:200px;13 background-color:#b0c4de;14 background-image:url(img.png);15 background-repeat:no-repeat;/*repeat-x,repeat-y*/16 background-attachment:fixed;/*固定不动*/17 /*scroll 背景图片随页面的其余部分滚动。这是默认18 fixed 背景图像是固定的19 inherit 指定background-attachment的设置应该从父元素继承*/20 background-position:top center;21 22 }23 24 /*简写*/25 body{26 width:200px;27 height:200px;28 background:url(img,png) no-repeat fixed top center;29 }30 31 32 /*文本格式33 text-align:center left rifht justify(左右对齐);34 text-decoration:none overline(上边一横线) line-through(中间一横线) underline;35 文本转换36 text-transform:uppercase(全为大写) lowercase(全为小写) capitalize(每个字的首字母大写);37 文本缩进38 text-indent:50px;首行缩进50px39 字间距40 word-spacing:30px;41 文字方向42 direction:ltr; left to right43 字母间距44 letter-spacing:1px;45 行高46 line-height:30px;47 */48 p{49 width:200px;50 height:300px;51 margin:0;52 padding:0;53 text-align: center;54 text-decoration: underline;55 text-indent: 10px;56 word-spacing: 5px;57 letter-spacing:2px;58 line-height: 20px;59 direction: ltr;60 text-transform: capitalize;61 }
css基础-Background&Text
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。