css基本样式学习笔记

《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:/设置字间距/;基本文本样式示例：

查看颜色以及对齐方式