随笔分类 -  CSS3 && HTML5

上一页 1 2 3 下一页
CSS3 && html
前端面试
摘要：1.自我评价一下HTML/CSS/JS的掌握情况2.简述HTML经常使用的标签和作用。Div/a/p/span/li/ul/ol/table/tr/td3.你认为最常遇到的兼容Bug有哪些?有哪些问题是你认为解决起来最麻烦的?IE6 PNGIE6 Fixed4.块级元素和行内元素都有哪些? 行内元素... 阅读全文
posted @ 2015-11-12 23:12 lanyan 阅读(348) 评论(0) 推荐(0)
总结CSS面试题目的考察点及常见布局问题整理
摘要：整理网上流传的若干份面试题目，突发奇想，总结关于CSS面试题目的考察点，发现问题大多围绕几个属性和几种题目，水平有限，仅供参考。写这个博文内心有种莫名奇妙的自我谴责感，实在不应该把面试层叠样式“应试”复习。牛逼的你，也许会说：万变不离其中，把css掌握了，哪里需要担心会考什么。呵呵！1， 多元素水平... 阅读全文
posted @ 2015-11-12 22:17 lanyan 阅读(1227) 评论(0) 推荐(1)
下面是Webstorm的一些常用快捷键：
摘要：1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. c... 阅读全文
posted @ 2015-05-06 18:01 lanyan 阅读(209) 评论(0) 推荐(0)
如何用微软雅黑显示自己网页的字体
摘要：很多人喜欢用微软雅黑显示自己网页的字体，可是Chrome自带的字体设置只能该变网页上没有默认设置的字体，如果人家事先设置了就没办法了……这里人家建议了一个很好很好的方法～很简单的～不用扩展～找到 C:\Documents and Settings\你的用户名\Local Settings\Appli... 阅读全文
posted @ 2015-03-25 11:01 lanyan 阅读(440) 评论(0) 推荐(0)
用css3制作旋转加载动画的几种方法
摘要：以WebKit为核心的浏览器，例如Safari和Chrome，对html5有着很好的支持，在移动平台中这两个浏览器对应的就是IOS和Android。最近在开发一个移动平台的web app，那么就有机会利用css3去实现一些很酷的效果，这些效果原来更多的是利用图片来实现。最近的一个改进就是利用css3... 阅读全文
posted @ 2015-03-10 14:41 lanyan 阅读(963) 评论(0) 推荐(0)
webkit webApp 开发技术要点总结
摘要：如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是... 阅读全文
posted @ 2015-03-05 11:15 lanyan 阅读(269) 评论(0) 推荐(0)
webkit内核浏览器的CSS写法
摘要：指定Mobile设备或者小屏幕桌面屏幕@media screen and (max-width:480px){}如果一排有好几个元素，并且有的用百分比定义，有的是用像素px定义，那么对于这种混合型的宽度计算公式为：width: calc(100%-40px); 计算宽度波浪型链接text-decor... 阅读全文
posted @ 2015-03-05 10:15 lanyan 阅读(445) 评论(0) 推荐(0)
CSS3 动画animation
摘要：关键帧什么是关键帧。一如上面对Flash原理的描述一样，我们知道动画其实由许多静态画面组成，第一个这样的静态画面可以表述为一帧。其中关键帧是在动画过程中体现了物理明显变化的那些帧。比如之前的例子中，元素div由50X50红色的大小变化到状态100X100 黄色的过程中，这一头一尾的两个状态起到了对动... 阅读全文
posted @ 2015-03-02 17:02 lanyan 阅读(325) 评论(0) 推荐(0)
CSS3 Transform
摘要：今天开始我们一起来学习有关于CSS3制作动画的几个属性：变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Transform字面上就是变形，改变的意思。在CSS3中transf... 阅读全文
posted @ 2015-03-02 16:58 lanyan 阅读(199) 评论(0) 推荐(0)
CSS3 制作一个边框向周围散开的按钮效果
摘要：分析主要还是运用CSS3的transition, animation, transform还有渐变背景等特性。由于按钮在鼠标进入时有不同的样式，所以要对其:hover状态运用另外的背景样式通过对按钮的:after状态添加一个内容为空的元素，并给其一个边框，这样在鼠标进入后我们让这个隐藏的空元素变大直... 阅读全文
posted @ 2015-02-28 17:08 lanyan 阅读(695) 评论(0) 推荐(0)
CSS currentColor 变量的使用
摘要：与CSS动画结合当与CSSanimation结合，可以得到更加有创意的效果，比如这个来自codepen的示例CSShtml { color: red; animation: color 30s linear infinite;}@keyframes color { 33.3% { color:... 阅读全文
posted @ 2015-02-26 13:35 lanyan 阅读(164) 评论(0) 推荐(0)
CSS 兼容 总结
摘要：1> margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。 解决方案是在这个div里面加上display:inline; 例如： <div id=”IamFloat”></div> 相应的css为 #IamFloat { float:lef 阅读全文
posted @ 2014-12-30 11:03 lanyan 阅读(180) 评论(0) 推荐(0)
IF IE
摘要：1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别 9. 仅IE7可识... 阅读全文
posted @ 2014-12-30 11:02 lanyan 阅读(401) 评论(0) 推荐(0)
取消chrome浏览器下input和textarea的默认样式
摘要：最近一个细节引起了我的注意，chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。看代码：取消chrome,Safria下input和... 阅读全文
posted @ 2014-12-30 11:00 lanyan 阅读(327) 评论(0) 推荐(0)
左右浮动边距为0，中间间隔一定
摘要：很常见的一种布局：有容器A，里边排1~6，六个小层，每行3个实现：两侧的小层和容器的左右边缘对齐，中间间隔10像素，而这六个小层是循环的，都用同一个样式解决这个问题的关键因素是：1>.list 的宽度设置成需要的宽度，这里为320px,因为下面3个li的宽度和 中间间距一起是320px,可以加上ov... 阅读全文
posted @ 2014-12-30 10:58 lanyan 阅读(357) 评论(0) 推荐(0)
标题右边10px位置紧跟发布时间
摘要：一个ul列表，拥有若干li，内容是新闻标题，标题右边10px位置紧跟发布时间，当标题过长需要控制标题width，需要兼容ie6，不能用max-widthh4{font-size:14px;height:27px;line-height:27px;padding-left:10px;border-bo... 阅读全文
posted @ 2014-12-30 10:56 lanyan 阅读(157) 评论(0) 推荐(0)
两款CSS3样式可视化在线生成工具
摘要：CSS3随着浏览器的升级已经被越来越广泛的运用，合理的运用CSS3可以使你的网站更加美观，并且之前只能用js才能实现的效果也已经可以直接用 CSS3来实现。但是虽然如此，很多浏览器对CSS3的支持还都是通过其私有属性来达到支持的，鲜有直接对W3C的标准来实现的。诸如firefox的 -moz-和we... 阅读全文
posted @ 2014-12-30 10:51 lanyan 阅读(923) 评论(0) 推荐(0)
文字截取，多余文字用省略号(...)代替
摘要：CSS方法：用css截取标题，更利于seo就是比如有一行文字，很长，表格内一行显示不下JavaScript实现文本过长自动省略一般情况下，如果要控制一段文字超出长度可以用CSS去控制下面我来介绍2种用js控制字符数长度显示的方法,其实这2个方法也是大同小异方法一:方法二:我们以下面的HTML代码为例... 阅读全文
posted @ 2014-12-30 10:49 lanyan 阅读(932) 评论(0) 推荐(0)
(转)CSS3 @font-face
摘要：@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了... 阅读全文
posted @ 2014-12-29 17:24 lanyan 阅读(224) 评论(0) 推荐(0)
三角形变形记之纯css实现的分布导航条效果
摘要：三角形变形记，用纯css实现的分布导航条效果 注册 登录 下单 付款一、border边框变形记：如果你要问这些是如何实现的呢？其实比较简单，只是平时大家很少关注罢了。我们习惯了用border定义边框，因为设计图的原因，大多是定义“1-5... 阅读全文
posted @ 2014-12-29 17:23 lanyan 阅读(713) 评论(0) 推荐(0)

上一页 1 2 3 下一页