随笔分类 -  css

摘要:transform:变形(transform: rotate | scale | skew | translate |matrix;)一、旋转rotate (对原元素指定一个2D rotation 2D 旋转)1.css语法:transform:rotate(30deg);2.JavaScript... 阅读全文
posted @ 2015-12-14 20:24 AlanTao
摘要:由于不知原因,网页的设置字样font-family样式中的中文字体,如 “微软雅黑”出现乱码,因为保存的不是utf-8格式,百度后到得解决方案。html,css,js都是设置为相同的编码格式比如全部都是(utf-8编码)。也可以用使用字体的unicode编码。以下表格对应的unicode字体编码。中... 阅读全文
posted @ 2015-11-03 18:01 AlanTao
摘要:1.外层div设text-align:center;(display:inline-block;让块级元素有行内元素属性,这样父级的text-align:center属性起作用,让子级div居中,然后再针对IE低版本做兼容)2.里层无宽度div设display:inline-block;text-a... 阅读全文
posted @ 2015-10-01 16:49 AlanTao
摘要:精彩活动1 精彩活动2 节目介绍2 精彩内容2 ... 阅读全文
posted @ 2015-09-12 13:38 AlanTao
摘要:一般的 position:fixed; 实现方法div id="top">...这个 HTML 元素使用的 CSS 代码如下:#top{position:fixed;bottom:0;right:20px;}实现让...元素固定在浏览器的底部和距离右边的20个像素。在 IE6 中实现 positio... 阅读全文
posted @ 2015-08-29 15:15 AlanTao
摘要:两种解决方法(主要是针对a空标签没有设背景情况,又有position:absolute;的情况下):1、给a标签添加样式:background:url(about:blank);2、给a标签随便添加背景色或者背景图片,然后将a标签的透明度设置为0,不过在IE中需要使用滤镜,即opacity:0;fi... 阅读全文
posted @ 2015-07-31 16:16 AlanTao
摘要:页面自动跳转几种方法1.添加HTML的meta标签的refresh属性 其中mcontent是时间,0代表立即跳转2.javascript自动跳转法window.location.replace("http://www.hao123.com");window.top.location.href... 阅读全文
posted @ 2015-07-30 16:06 AlanTao
摘要:1.transition:过渡动画,支持浏览器:Internet Explorer 10、Firefox、Opera 和 Chrometransition是一个复合属性,是由四个过渡属性组成1.transition-property:width,height; 规定设置过渡效果的css属性的名称,可... 阅读全文
posted @ 2015-07-26 20:06 AlanTao 阅读(5813) 评论(0) 推荐(0)
摘要:一:有图片与文字第一种方法:通过调整img的vertical-align:middle;属性,再通过img的margin-top值来调整图片,然后通过父级的padding-top来调整文字p{height:80px;line-height:80px;margin:0px;padding:0px;pa... 阅读全文
posted @ 2015-07-26 18:45 AlanTao
摘要:1.今天做了个页面下的p段落里的中文文字两端对齐,在IE下通通无效,解决方案如下,加入IE的专有属性:text-justify:inter-ideograph; text-align: justify;text-justify:inter-ideograph; 2.用到了letter-spacing 阅读全文
posted @ 2015-07-07 16:42 AlanTao