CSS一些常用样式

限制行数溢出省略号

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

时间： 2024-10-05 20:38:05

CSS一些常用样式的相关文章

#8.10.16总结# 属性选择符伪对象选择符 CSS的常用样式

属性选择符 E[att] E[att="val"] E[att~="val"] E[att^="val"] E[att$="val"] E[att*="val"] E[att|="val"] 伪对象选择符 E:first-letter/E::first-letter 设置对象内的第一个字符的样式. <p>今天,阳光明媚,晴空万里,非常适合户外活动,如踏青.远足之类的.长期坐

CSS文本常用样式

1.常用的应用文本的CSS样式: color设置文字的颜色 font-size 设置文字的大小,如font-size:12px font-family 设置文字的字体,如font-family:'微软雅黑' font-style 设置文字是否倾斜,如font-style:'normal',设置不倾斜,'italic'设置文字倾斜 font-weight 设置文字是否加粗,如font-weight:bold,设置加粗,normal,不加粗 line-height 设置文字行高,相当于在每行文字上下

CSS之常用样式

1.对背景.文本的操作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="t

CSS基础--常用样式

一.背景相关背景颜色 background-color :颜色名称/rgb值/十六进制值背景图片 background-image :url('') 背景图片平铺方式 background-repeat : repeat-x(仅水平平铺) repeat-y(仅垂直平铺) no-repeat(不平铺) 设置背景图片位置 background-position : 数字+单位/center/top/bottom/left/right 同上. 例如:50px 50px 背景图片是否滚动 backg

CSS/CSS3常用样式小结

1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; 2.设置溢出文本显示为省略标记: text-overflow:ellipsis; (注:text-overflow:clip | ellipsis | ellipsis-word;

css的常用样式

1.边框属性(默认边框不可见) (1)border 设置边框的样式格式:宽度样式颜色线条样式:solid 实线,none 无边,double 双线 (2)width 用于设置标签的宽度格式: width:300px: (3)height 用于设置标签的高度格式; height:300px (4)background-color 用于设置标签的背景颜色背景颜色设置的两种主流方式: ①英文单词例如:red,blue,yellow ②颜色代码格式#红绿蓝,每个颜色用两个16进制位数表

css尺寸常用样式

white-space:nowrap; 控制容器内的文本,不允许换行. min-width:最小宽度当内容宽度小于最小宽度时,容器的宽度等于最小宽度. 当内容宽度大于最小宽度时,容器的宽度等于内容宽度. max-width:最大宽度当内容宽度小于最大宽度时,容器的宽度等于内容宽度. 当内容宽度大于最大宽度时,容器的宽度等于最大宽度,并且内容溢出. height:当内容高度超出height指定高度时,内容溢出. min-height:最小高度特性与最小宽度一致 max-height:最大高度

02-CSS常用样式

本篇主要介绍css的常用样式,以及网页布局相关知识.绝对定位和相对定位,盒子模型.css权重.以及css选择器: 一.CSS载入方式二.CSS选择器三.浮动四.相对地址和绝对地址五.CSS显示特性-display 六.CSS元素溢出七.CSS权重原文地址:https://www.cnblogs.com/littlefivebolg/p/9495526.html

CSS常用样式（四）之animation

上篇CSS常用样式(三)这篇博文中已经介绍过了CSS中具有动画效果的transition.transform,今天来大概说说CSS中的animation.animation的加入会使得动画效果更加乐观. animation animation的实现需要通过keyframes来实现.keyframes(关键帧),类似于flash当中的关键帧.关键帧有其自己的语法规则,他的命名是由"@keyframes"开头,后面紧接着是这个“动画的名称”加上一对花括号“{}”,括号中就是一些不同时间段样