码迷,mamicode.com
首页 > Web开发 > 详细

个人学习时的CSS笔记

时间:2015-08-03 20:50:33      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:

border-collapse: collapse;     /*相邻边框的合并*/
caption-side:top;        /*标题放在上面  right在表格的右边  bottom在表格的下边  left在表格的左边*/
empty-cells:show;        /*show:默认值。显示边框    hide:隐藏边框 */
cellspacing="20"  /*cellspacing="20"单元格的间距  cellpadding="20"单元格的内容间距*/
table-layout:fixed;  /*必须设置表格的宽才能使用*/
empty-cells: hide;  /**/
cursor:pointer;   /*和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样
all-scroll   IE6.0  有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。ss
col-resize  :    IE6.0  有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸
crosshair  :      简单的十字线光标。
default  :      客户端平台的默认光标。通常是一个箭头。 在属性其他的列表里面*/
button type="button"  /*按钮*/
line-height:100px  /*文字垂直居中 100px根据边框大小改变*/
text-align:center;  /*文字居中*/
list-style-type:disc  /*disc :实心圆     改变无序的标签前的小点*/
padding:0;     margin:0; /*去掉网页的默认边距*/
margin:100px auto  /*auto自动居中*/
margin-ton;100px;  /*往上移*/
position:relative;  /*相对定位是以元素原来所在的那个位置的左上角为参考点的 点位以后它依然占据原来的位置(自私点位)向上移(top)*/
position:absolute;  /*绝对定位的参考点   离他最近的父元素有点位属性的元素的左上角*/
position:fixed;   /*固定定位的参考点  始终都是窗体的左上角
display:inline-block;   /*行集转块级*/ 
padding:0px 0px 0px 0px  /*内边距 顺时针旋转*/
display:block;   /*转换为块级*/
background-size;  /*设置背景大小*/
vertical-align: text-top; /*顶端对齐*/
overflow:auto;   /*父元素随着标签而增大*/
border-radius:5px;  /*5个像素的圆角*/
transition-transition-property;/*过渡的属性*/
transition-duration:5s;  /*过渡的时间*/
visibility:hidden;  /*隐藏*/
visibility:visible;  /*另一种隐藏方式可配合过渡使用*/
padding-bottom:2000px;  /* 等高布局使用   左右都要写*/
margin-bottom;-2000px  /* 等高布局使用   左右都要写*/
transform:rotate(45deg)  /*旋转45度*/
transform-origin;left;  /*以哪个参考点来进行旋转*/
opacity:0.5;   /*值为0到1之间 0表示不透明  不支持IE*/
font-weight:bold  /*字体加粗*/
border-radius;0 0 5px 10px /*改变四个角的菱角*/
<label></label><input type="text"/>/*文本输入*/
value;    /*默认值*/
checkbox;   /*复选框*/
p:before{clear("我是前面的") /*在p元素前面增加内容*/
text-intent:10000px  /*文字缩进*/
box-shadow;0 10px 12px gray /*10px代表阴影平移 12px代表宽度*/
<input class="morenwenben" type="text" placeholder="Message"/>  /*文本默认值*/
@-@media screen and(min-widht:500px){
(max-widht:500px)小于500px
}    /*当高度大于500时执行花括号里面的CSS*/ss
<input type="checkbox" name="aihao"  value="zuqiu">足球  复选框
<input type="radio" name="gender" id="man" value="M">男       单选框
second.offsetLeft   //得到DIV距离右边的距离second是DIV的id.
addEventListener("click",fun,false)  //第一个参数是事件的名字  第二个是函数名字

个人学习时的CSS笔记

标签:

原文地址:http://www.cnblogs.com/1357378281qqcom/p/4700181.html

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