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

CSS知识点小记

时间:2017-11-02 19:02:06      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:按钮   flow   ack   tar   属性   htm   play   blog   位置   

响应式布局

<meta name="viewport" content="width=device-widh,initial-scale=1">
/***
width=device-widh,:网页宽度默认等于屏幕宽度
initial-scale=1:网页的初始大小占屏幕面积的100%
***/
@media only screen and (min-width:640px){}

@media only screen and (min-width:600px) and (max-width:1024px){}

 

 

在新的窗口打开网站。

target="_block"  

iphone清除按钮样式

appearance: none;
-webkit-appearance: none;

背景图片模糊

filter: blur(15px);

多行文本显示省略号

overflow: hidden;
 text-overflow: ellipsis;    溢出显示省略号
white
-space: nowrap; 文字正常显示 -webkit-line-clamp: 2; 兼容较差 -webkit-box-orient: vertical;
display: -webkit-box;

边框样式相关内容

border:0;清除边框属性

input相关内容

input框的高度可以自动使里面的内容上下居中
h5表单默认显示文字
placeholder="描述"

readOnly 只读

css高度相关

记不清在哪看到这么个话,css里能设置max-height,max-width就不要设置height,width

css里高度设置无效,可能是它设置了最大高度  

css文本相关

text-decoration: underline; 设置文字下划线

css定位相关

定位里保持文档宽度,可以设置width=100%或者max-width,一些情况下不用设置left或者right的值

针对IE写不同样式

background-color:#f00;/*all*/ 
background-color:#0ff\0;/* ie 8/9 */ 
background-color:#0f0\9\0;/* ie9 */ 
*background-color:#00f;/*ie7*/ 
_background-color:#ff0;/*ie6*/ 
background-color//:#090;/*非IE*/ 
background-color:#900\9;/*所有ie*/ 

css3部分

/*控制旋转,360度回到初始位置,1-360度顺时针旋转*/
transform:rotate(20deg);
-ms-transform:rotate(20deg); /* IE 9 */
-moz-transform:rotate(20deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(20deg); /* Opera */

 

  

  

CSS知识点小记

标签:按钮   flow   ack   tar   属性   htm   play   blog   位置   

原文地址:http://www.cnblogs.com/Grace-zyy/p/6972819.html

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