欢迎来到天天文库
浏览记录
ID:6141128
大小:124.50 KB
页数:8页
时间:2018-01-04
《css基本样式学习笔记》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、CSS层叠样式表1.CSS基本语法标记{属性:属性值;属性:属性值;}示例:h1{color:red;font-size:50px;}在这个选择器中,规定了h1标记的样式2.CSS背景允许使用纯色,图片或者更复杂的效果作为背景background-attachment:背景图像是否固定或者随着页面的其余部分滚动;background-color:设置元素的背景颜色;background-image:把图片设为背景;background-position:设置背景图片的起始位置;background-repeat:设置背景图片是否及如何重复;背景颜
2、色body{background-color:blue;}p{width:200px;/设定p标签的宽度/padding:10px;/设定p标签的内边距/background-color:red;/设定p标签的背景颜色/}背景图片(使用url引进图片)body{background-image:url("290a065468724578.jpg");}p{width:300px;background-image:url("290a065468724578.jpg");}设置背景是否及如何重复body{background-image:url("2
3、90a065468724578.jpg");background-repeat:no-repeat;/不允许重复/background-repeat:repeat;/x,y轴都重复/background-repeat:repeat-x;/x轴重复/background-repeat:repeat-y;/y轴重复/}设置图片的起始位置background-position:bottom;/从下边开始/background-position:center;/从中间开始/background-position:left;/从左边开始/backgroun
4、d-position:right;/从右边开始/background-position:top;/从上边开始/设置图片的起始位置的属性有两个值,一般会写成background-position:topcenter;第一个值top代表插入的背景图片从网站的上部插入,第二个值center代表从插入的图片的哪个部位开始显示,这里是从中间显示。当然,这两个值可以是具体的数字,比如0px,100px,就是代表紧贴左边,距离上边边100px的地方开始插入,也可以是百分数设置图片是否随着内容而滚动body{background-attachment:fixed
5、;/设置背景图片随着内容的移动而移动/background-attachment:local;/设置背景图片不随着内容的移动而移动,所以会出现只有内容而没有背景图片的情况/background-image:url("./image/pdd.jpg");background-position:topleft;/从上边开始/background-repeat:no-repeat;/不允许重复/}CSS3背景background-size:300px500px;/设定背景图片的大小/background-origin:padding-box;/设定背景
6、图片的定位区域/background-clip:content-box;/规定背景的绘制区域/1.CSS文本CSS文本属性可定义文本外观,通过文本属性,可以改变文本的颜色,字符间距,对其文本,装饰文本,对文本缩进等效果。常用属性有:color:/文本颜色/;direction:/文本方向/;line-height:/设定行高/;letter-spacing:/字符间距/;text-align:/对齐元素中的文本/;text-decoration:/向文本添加修饰/;text-indent:/缩进元素中文本的首行/;text-transform:/
7、元素中的字母/;unicode-bidi:/设置文本方向/;white-space:/元素中空白的处理方式/;word-spacing:/设置字间距/;基本文本样式示例:
查看颜色以及对齐方式
8、r是居中对齐,right,end是靠右对齐,justify,left是默认的靠左对齐。
此文档下载收益归作者所有