徐枭雄课件CS常用属性(三).doc

CSS常用属性 CSS字体属性： font size=”改变字体大小的，但是最大支持7”/font 使用样式设置字体： Font-family ：用于设置字体的族科 注意：页面中该属性设置的字体必须存于客户端电脑中才可以使用。 Font-style 设定字体样式 正常和斜体 Normal 正常字体 Italic 斜体 Font-size:设置字体的大小 常见的单位： Px 像素 屏幕中的一个点 就是一个像素 （响应式布局会常用到） Em 一个汉字的大小 (相对当前页面字体) Ex 就是相对于一个x字符的大小 注意：在使用相对设置字体大小的时候 一般考虑的单位 em 和ex 换算：1em=2ex Font-weight:设置字体的粗细 属性值： 数值格式唯一有用的就一个600 Bold 粗 默认值：normal 相对于数值表示400 Font-variant: 设置字体为小型的大写字母 属性值： Normal 正常字体 Small-caps 将小写字母变为大写字母（但是：是小写字母那么大的字体。小字体类型） Font字体样式统一设置标签： 但是需要注意：使用该属性时，值具有顺序关系，必须依照顺序来写，不存在的可以省略。 所以由于有顺序关系，不推荐使用。 Font属性顺序： 斜体 / 小型大写字母 /粗细/（字体大小/行高) / 族科 Color:设置字体颜色 取值范围： 英文的颜色值 16进制的RGB格式颜色值 注意：在设置字体颜色时，请找到离字体最近的标签去设置。 文本属性： Line-height:用于设置单行文本的行高。 行高:就是一行的高度。 设置行高的目的 设置行间距(行高)可以美化效果 使用行高设置单行文本的垂直居中 注意： 如果当前元素没有设置高度值，那么设置行高值后，当前元素里面的文字默认就会垂直居中。 如果当前元素有高度值，那么可以设置当前行高和元素一样的高度值，当前元素的内容也会垂直居中。 Text-indent:首行缩进 常用的属性值单位： em 相对一个汉字的大小 Text-align:设置元素内容的水平对其方式 属性值： Left 居左 Center 居中 Right 居右 Word-spacing:设置单词的词间距 (对中文无效) Letter-spacing:设置字母之间的间距 background背景属性： Background-color:设置背景颜色 可以使用任何的颜色表示方式（英文单词/RGB格式/16进制) Background-image:设置背景图片属性 格式：background-image:url(“图像地址”)； 尽量避免绝对路径。 Background-repeat：设置背景图片是否重复 Repeat 默认值 水平方向和垂直方向都重复 Repeat-x 水平方向重复 Repeat-y 垂直方向重复 No-repeat 水平和垂直方向不重复 Background-position：设置背景图片的位置 格式1：background-position:水平位置 垂直位置 格式2：background-position:水平和垂直位置 注意：如果设置一个属性值的时候表示同时设置水平位置和垂直位置。对于英文属性值选择时，只有center可以设置。表示水平和垂直都居中。 水平和垂直位置的取值 英文单词： left（居左）,center(水平居中),right(居右) / top (垂直向上)center(垂直居中) bottom(垂直向下) 注意 如果水平方向或者垂直方向 只设置一个left或者top这样的值。那么另外一个方向默认选择居中center 长度单位：只要是长度即可。 注意：如果设置为负数，水平方向表示向左移动，垂直方向表示向上移动。 Background-attachment:设置背景图片是否随默认滚动 Fixed：绑定页面 图片不随页面的滚动而去滚动 默认属性：scroll 背景图片随内容一起滚动 Background:背景属性的简写方式 要求： 设置背景为天蓝色 同时又一张背景图片 不重复 不随页面滚动而滚动 放在页面的最中间。 尺寸属性： Width:宽度 Height:高度 Max-width:最大宽度 Min-width:最小宽度 Min-height:最小高度 Max-height:最大高度 取值范围：长度单位都可以 注意：最小高度属性，当前的高度如果没有达到最小高度，那么将设置为最小高度的值。 最大高度属性，允许当前元素根据内容自动减小高度，但是如果达到最大高度值，将不再增加高度。 以上2个最大高度和最小高度属性比较适合页面排版使用。宽度属性使用较少或者不用