码迷,mamicode.com
首页 > 其他好文 > 详细

常用不好记的命令:

时间:2017-11-21 14:52:23      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:indent   distrib   多行   hit   罗马数字   after   英文   circle   项目   

文字设置 

font-family:"微软雅黑" 

text-indent:2em;(文字缩进)
font-weight: bold(粗体)   normal  (正常的字体)  
text-transform: uppercase; 大写
letter-spacing:15px; 文字间距

font-style: normal (正常的字体)  italic ( 斜体)

text-transform: uppercase; 大写字母

text-decoration:underline 下划线

强制不换行 :white-space: nowrap;

自动换行word-wrap: break-word; word-break: normal; 

单行省略

  white-space: nowrap;

  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;

多行行数省略

  overflow : hidden;

  display: -webkit-box;

  -ms-text-overflow: ellipsis;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

      空格

伪类

  :before   :after

  content:"";

常用css3命令
border-radius:圆角
透明度:opacity: .4;
filter: alpha(opacity=40);
 
 
取消默认样式
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
 
杂项
dotted :  为点线。
dashed :  为虚线。
cursor: pointer; 手指显示

背景透明

 background-color:transparent;
显示上下滚动条的css代码
overflow-y:scroll 
nth-child(3n){}  父元素的每隔3个之元素进行操作。
buttom     点击时去掉框
outline:none;
input{outline:0;}
 
两端对齐
 text-align:justify;
 text-justify:distribute-all-lines;/*ie6-8*/
 text-align-last:justify;/* ie9*/
 -moz-text-align-last:justify;/*ff*/
  -webkit-text-align-last:justify;/*chrome 20+*/
 
圆点
list-style:ulr()
disc :  CSS1 实心圆
circle :  CSS1 空心圆
square :  CSS1 实心方块
decimal : 
 CSS1 阿拉伯数字
lower-roman : 
 CSS1 小写罗马数字
upper-roman : 
 CSS1 大写罗马数字
lower-alpha : 
 CSS1 小写英文字母
upper-alpha : 
 CSS1 大写英文字母
none : 
 CSS1 不使用项目符号

常用不好记的命令:

标签:indent   distrib   多行   hit   罗马数字   after   英文   circle   项目   

原文地址:http://www.cnblogs.com/foxbat19/p/7872164.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!