我的css基础学习

我的css基础学习

ID:35489123

大小:60.01 KB

页数:7页

时间:2019-03-25

我的css基础学习_第1页
我的css基础学习_第2页
我的css基础学习_第3页
我的css基础学习_第4页
我的css基础学习_第5页
资源描述:

《我的css基础学习》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、css文本css文木功能主要分为三大类:字体,颜色,和文本,主要功能是设置文本的字体,字号,字号,颜色,样式,粗细,间距,阴影,换行,溢出等.CSS字体类型font-family:字体类型,如黑体font-style字体样式normal默认值,italic斜体,oblique倾斜font-size:字体大小lengthfont-weight:7体粗细normal默认值,bold粗体,bolder特粗Jighter细体,可以是数7font-size-adjust:^否强制对文本使用同一尺寸font-stretch:^否横向拉伸变形字体font-variant:字体大小写n

2、ormal默认值,small-caps小型的大写字母字体CSS文本类型word-spacing词与词之间的间距normal默认值length词之间的距离值,可以是负数letter-spacing字符之间的间距normalJengthVertical-align文木垂玄对齐方式baseline默认值,sub±标对齐,super下标对齐‘bottom行框底端对?r,text-bottom行内文本底端对齐,top顶端对齐,middle居中对齐,百分比,长度Text-decoration文本的修饰线none默认值‘underline下划线,overline上划线川ne-thro

3、ugh删除线,blink闪烁线text-indent:文本首行缩进length(用长度值指定文本的缩进),百分比text-align文木水平对齐方式left左对齐,center水平居right右对齐Justify两端对齐line-height文本行高normal默认值,长度值,百分比值,数字text-transform文本大小写none默认值uppercase大写,lowercase小写,capitalize首字大写text-shadow文木阴影效果white-space文字之间和文本之间的空白符间距normal默认值,nowrap空白符合并,换行符忽略,pre空白符,

4、换行符保pre-wrap空白符,换行符保©,pre-line空白符合并,换行符保留direction控制文木流入的方向Itr默认值,rtl文本从右到左流入,inherit文木流入方向由继承获得除了字体和文本类型外还包含一个颜色属性,设置文本的颜色详解文本阴影text-shadow:O.lemO.lem0.3em#333;第一个属性代表水平位移,第二个值表示垂直位移,正值代表偏右或偏卜:负值为偏左或者偏上,第三个值表示模糊半径,第四个值表示阴影的颜色,町选,对应盒子模型的阴影box-shadow溢出文本text-overflowclip不显示省略标记(...)只是简单的裁

5、切,ellipsis文本溢出时显示省略标记(...)省略标记插入的位置是最后一个字符clip:当内联内容溢出块容器时,将溢出部分裁切掉。使用这两个属性需要另两个属性的配合white-space:nowrap给文木容器设置强制不换行,让元素文木一行内显示overflow:hidden设置文本溢出时隐藏可以用width给截取的文木容器设置宽度值文本换行word-breaknormal默认值,根据语言规则确定换行方式,屮文到边界上的汉字换行,英文从幣个单词换行break-all强行截断英文单词,达到词内换行的效果keep-all不应许字断开,如果是中文,把前后标点符号内的一个

6、汉字短语整个换行,英文单词整个换行,如果出现某个英文单词字符长度超过容器边界,后面的部分将撑破容器,如果边框为固定属性,则后面部分无法显示white-space属性主要用來声明给奖励布局过程中如何处理元素中的空白符CSS盒模型box-sizingbox-sizing:content-boxW3C标准盒模型

7、border-boxlE传统盒模型浏览器把每一个元素看做一个盒模型,每一个盒模型是由以下几个属性组合所决定的,display,position,float,width,height,margin,padding,border等,不同的盒模型会产生不同的布局顺序问题比如

8、padding样式合并的顺序上右下左内容溢出overflow-x和overflow-y分别定义水平和垂直方向内容溢出的剪切visible默认值,不剪切,auto在需要时剪切内容并添加滚动条‘hidden内容溢出时所有的内容都隐藏,scroll显示滚动条,no-display当内容溢出时不显示元素,no・content当内容溢出吋不显示内容,position检索对象的定位方式。static:对彖遵循常规流。此时4个定位偏移属性不会被应用。relative:对象遵循常规流,并参照自身在常规流中的位置通过top,right,bottom,lef

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。