css 背景定位 文字样式及文本溢出隐藏···
2017-08-08 20:06
489 查看
css样式表特性:
1.继承性
2.层叠性
一个选择器可以被重复定义
在多个不同的定义中,不重复的属性可以层叠在一起
如果属性重复的话,以后定义的为准
3.优先级
样式定义冲突时,按照不同样式的优先级来使用样式
1.浏览器缺省设置(最低)
2.外部样式表或内部样式表–就近原则
3.内联样式(最高)
4.!important
手动调整样式属性的优先级
scc属性-尺寸:
背景:
背景合并:
背景渐变:
background系列属性:
background-origin:设置背景图片的原点
border-box
padding-box
content-box
background-clip:裁切图片容器里面的内容
border-box
padding-box
content-box
background-attachment:设置背景图片是否随着滚动
默认随滚轮滚动 fixed:背景固定不随滚轮滚动
border:(点击查看具体内容)
border-image:设置边框背景图的全部
border-image-resource:边框图片的路径
border-image-slice:裁切图片的位置 上下左右 与 margin padding类似只设置两个值 垂直 水平
border-image-width:可以直接设置边框图片的宽度 不受到边框宽度的影响
border-image-outset:设置边框图片向外扩展的距离 与父容器显示的内容有关系
border-image-repeat:裁切之后 如果裁切的不是整个图片 会重复或者拉伸多余出来的这一部分
文字样式:
文本溢出隐藏:
1.继承性
2.层叠性
一个选择器可以被重复定义
在多个不同的定义中,不重复的属性可以层叠在一起
如果属性重复的话,以后定义的为准
3.优先级
样式定义冲突时,按照不同样式的优先级来使用样式
1.浏览器缺省设置(最低)
2.外部样式表或内部样式表–就近原则
3.内联样式(最高)
4.!important
手动调整样式属性的优先级
scc属性-尺寸:
背景:
背景合并:
背景渐变:
background系列属性:
background-origin:设置背景图片的原点
border-box
padding-box
content-box
background-clip:裁切图片容器里面的内容
border-box
padding-box
content-box
background-attachment:设置背景图片是否随着滚动
默认随滚轮滚动 fixed:背景固定不随滚轮滚动
border:(点击查看具体内容)
border-image:设置边框背景图的全部
border-image-resource:边框图片的路径
border-image-slice:裁切图片的位置 上下左右 与 margin padding类似只设置两个值 垂直 水平
border-image-width:可以直接设置边框图片的宽度 不受到边框宽度的影响
border-image-outset:设置边框图片向外扩展的距离 与父容器显示的内容有关系
border-image-repeat:裁切之后 如果裁切的不是整个图片 会重复或者拉伸多余出来的这一部分
文字样式:
文本溢出隐藏:
相关文章推荐
- css 样式设计(一)( 在线150个例子 | 背景 | 文本 | 字体 | 链接 | 列表 | 表格 | 盒模型 | 边框 | 轮廓 | 边距 | 填充 |分组和嵌套 | 尺寸 | 定位 | 浮动 |对齐 )
- 用css截取字符实现文字自动截断隐藏溢出文本
- 用CSS截断字符串 实现文字自动截断隐藏溢出文本
- 用css截取字符实现文字自动截断隐藏溢出文本
- css 超链接样式,文本下划线,背景颜色
- 利用css的样式对文本进行隐藏和显示
- 重温CSS之背景、文本样式
- css文字与文本相关样式
- 【css】day03_文本格式化_表格样式_定位
- CSS之文字溢出隐藏
- CSS边框、背景、文本样式
- 使用CSS属性对文本溢出内容隐藏
- 用css截取字符的几种方法详解(css排版隐藏溢出文本)
- CSS 样式控制溢出的数据 省略号隐藏
- css去掉select默认样式 文本超出 固定背景图
- 利用css的样式对文本进行隐藏和显示等操作
- CSS_02 文字属性_文本属性_背景属性_列表属性
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- 使用Css隐藏超出容器宽度的文字,溢出部分用“...”表示
- css隐藏过长的多余溢出文字的方法