日常常用css样式大全,超出隐藏,不换行,省略号,两行超出隐藏,不换行,省略号,CSS中划线(删除线)样式代码 (价格),a超链接下划线,css 3个4个5个字两边对齐,鼠标手形状,垂直...

超出隐藏,不换行,省略号

overflow:hidden;   //超出的文本隐藏

text-overflow:ellipsis;   //溢出用省略号显示

white-space:nowrap;   //溢出不换行

两行超出隐藏,不换行,省略号

text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

CSS中划线(删除线)样式代码 (价格)

text-decoration:line-through;

a超链接

text-decoration: underline;  /*加下划线*/

text-decoration:none;     /*删除下划线*/

a链接伪元素

a:link    /*未访问的链接*/

a:visited   /*访问过的链接*/

a:hover   /*鼠标经过时*/

a:active   /*在鼠标点击的同时*/

css     3个4个5个字两边对齐

text-align-last: justify;

text-align: justify;

text-justify:distribute-all-lines;

边框样式border

none    //无边框 

dotted   //边框为点线

dashed   //边框为长短线

solid    //边框为实线

double  //边框为双线

鼠标手形状

cursor:hand;

垂直对齐

vertical-align   //参数

top  //顶对齐

bottom  //底对齐

text-top   //相对文本顶对齐

text-bottom  //相对文本底对齐

baseline //基准线对齐

middle  //中心对齐

sub  //以下标的形式显示

super  //以上标的形式显示

css文本缩进

text-indent   // 缩进距离

12px相当于一个文字距离

字体样式

font-family : 宋体,sans-serif;       /*文字字体*/

font-style: itelic;      /*文字斜体*/

letter-spacing :  1pt;    /*字间距离*/

列表样式

list-style-type    //样式

circle    // 标记是空心圆

square   // 标记是实心方块

decimal    //标记是数字

lower-roman    //小写罗马数字

upper-roman   // 大写罗马数字

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,346评论 0 11
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,064评论 1 4
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,212评论 0 11
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 1,194评论 0 0
  • 今天和闺蜜聊天。 问:你和男盆友处得怎么样?什么时候结婚?要不要去做伴娘? 答:还没定。必须要,必须来,怎么能不来...
    骆子兮晞阅读 241评论 0 1