css需要查阅的属性及小结

flex详解:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

resize: none;/*禁止改变textarea大小*/ 
outline: none;/*禁止表单元素默认轮廓属性*/ 

visibility:visible;
visibility:hidden;/*即使不可见的元素也会占据页面上的空间*/ 

text-align:justify; /*文字分散对齐*/ 

inherit;  /*属性值,大多数属性支持,表示继承父元素*/ 

/*input盒模型默认多为怪异模式*/ 

自动换行

word-break:break-all;   /*英文换行*/
 word-wrap: break-word;  

text-decoration:添加文本的修饰

#值:
  line-through; /*加删除线*/ 
  overline; /*加顶线*/ 
  underline; /*加下划线*/ 
  none; /*删除链接下划线*/ 

text-transform:控制文本的大小写

 #值
  capitalize; /*首字大写*/ 
  uppercase; /*英文大写*/ 
  lowercase; /*英文小写*/ 

vertical-align:定义 行内元素 的基线相对于该元素所在行的基线的垂直对齐

#值
baseline;    /*默认。元素放置在父元素的基线上。*/ 
sub;     /*垂直对齐文本的下标。*/ 
super;   /*垂直对齐文本的上标*/ 
top;     /*把元素的顶端与行中最高元素的顶端对齐*/ 
text-top;    /*把元素的顶端与父元素字体的顶端对齐*/ 
middle;  /*把此元素放置在父元素的中部。*/ 
bottom;  /*把元素的顶端与行中最低的元素的顶端对齐。*/ 
text-bottom;     /*把元素的底端与父元素字体的底端对齐。*/ 
length;  
%;  /*使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。*/ 
inherit;     /*规定应该从父元素继承 vertical-align 属性的值。*/ 

backgrund:

background:transparent; /*透视背景*/ 
background-attachment : fixed; /*固定背景,背景图像不会移动*/ 

a:

a:link{ }; /*超链接文字格式*/ 
a:visited{ }; /*浏览过的链接文字格式*/ 
a:active{ }; /*按下链接的格式*/ 
a:hover{ }; /*鼠标转到链接*/ 

鼠标光标样式:

CURSOR:hand;    /* 链接手指 */
cursor:crosshair ;  /* 十字体 */
cursor:s-resize ;   /* 箭头朝下 */
cursor:move;    /* 十字箭头 */
cursor:move;    /* 箭头朝右 */
cursor:help;    /* 加一问号 */
cursor:w-resize;    /* 箭头朝左 */
cursor:n-resize;    /* 箭头朝上 */
cursor:ne-resize ;  /* 箭头朝右上 */
cursor:nw-resize ;  /* 箭头朝左上 */
cursor:text;    /* 文字I型 */
cursor:se-resize;   /* 箭头斜右下 */
cursor:sw-resize ;  /* 箭头斜左下 */
cursor:wait;    /* 漏斗 */

border-style:边框线样式

solid; /*实线框*/ 
dotted; /*虚线框*/ 
double; /*双线框*/ 
groove; /*立体内凸框*/ 
ridge; /*立体浮雕框*/ 
inset; /*凹框*/ 
outset; /*凸框*/ 

display:

none;   /*元素不显示。*/ 
block;  /*块级元素,元素前后会带有换行符。*/ 
inline; /*内联元素,元素前后没有换行符。*/ 
inline-block;   /*行内块元素*/ 
inherit;    /*从父元素继承 display 属性的值。*/ 

flex;   /*子元素的float、clear和vertical-align属性将失效。*/ 
inline-flex;  /*行内元素也可以使用Flex布局*/ 

list-item;  /*此元素会作为列表显示。*/ 
run-in; /*此元素会根据上下文作为块级元素或内联元素显示。*/ 

table;    /*此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。*/ 
inline-table;     /*此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。*/ 
table-row-group;      /*此元素会作为一个或多个行的分组来显示(类似 <tbody>)。*/ 
table-header-group; /*此元素会作为一个或多个行的分组来显示(类似 <thead>)。*/ 
table-footer-group; /*此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。*/ 
table-row;    /*此元素会作为一个表格行显示(类似 <tr>)。*/ 
table-column-group; /*此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。*/ 
table-column;     /*此元素会作为一个单元格列显示(类似 <col>)*/ 
table-cell;   /*此元素会作为一个表格单元格显示(类似 <td> 和 <th>)*/ 
table-caption;    /*此元素会作为一个表格标题显示(类似 <caption>)*/ 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,821评论 0 2
  • CSS背景 background-color:red background-image:url('paper.gi...
    专注寒冰三千岁阅读 344评论 0 2
  • 一,HTML有N多标签,根据显示的类型,主要可以分为3大类 1,块级标签 独占一行的标签 能随时设置宽度和高度(比...
    张不二01阅读 765评论 0 4
  • 演出刚刚结束,还没进门呢!在回程的路上打开微信看到群里还挺热闹,看到航妈和宇航参加了自己动手做蛋糕活动,这是宇航亲...
    阿涛演艺阅读 190评论 0 0