随笔分类 - 前端_CSS
摘要:http://blog.csdn.net/laokdidiao/article/details/51189476 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS3实现基本图形</title> <style> #C
阅读全文
摘要:来源:http://blog.csdn.net/cinderella_hou/article/details/52156333 所谓三列自适应布局指的是两边定宽,中间block宽度自适应。这道题在今年网易内推前端工程师面试的时候也被问到。 我这里主要分为两大类,一类是基于position传统的实现,
阅读全文
摘要:传说中的“三层嵌套技术”。 一、背景图合并: div+css+ps合图相结合的技术;通过精确到1px的css设置,使用ps合成背景图片,特别是小图片合并,来完成页面效果。 首先讲讲三层嵌套原理: ①要做成这个效果,用ps软件抠出这一栏目 ②继续抠图,截出三张这一的小图标,高度务必一样的大小,才能平铺
阅读全文
摘要:不知道盒子大小、宽高时,如何让盒子上下左右居中?
应用场景:比如上传图片时,并不知道图片的大小,但要求图片显示在某盒子的正中央。
方法1:让4周的拉力均匀-常用
方法2:c3的属性,移动自己大小的一半
知道自身高度的情况下,使用负边距,-margin自身高度的一半
阅读全文
摘要:常用DIV+CSS命名大全集合,即CSS命名规则
阅读全文
摘要:The Shapes of CSS All of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser. Square The
阅读全文
摘要:文为大家整理了html标签默认样式属性及浏览器默认样式等等,喜欢css布局的朋友们可以学下,希望对大家有所帮助
阅读全文
摘要:1 。html 顶部加入:
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
2.设置浏览器以什么模式加载:
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"
3 。一个js老手说的方法:
如果是双核 的话 也能有效果
如果是双核 的话 meta name="renderer" content="webkit"
4,你需要对body 和 控制整个页面的div进行操作:
margin:0 auto;//加入这段样式 居中
阅读全文
摘要:未知大小的图片在指定大小的div盒子中垂直水平居中
阅读全文
摘要:所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性。在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用。 1.* * { margin: 0; padding: 0; } * { margin: 0; padd
阅读全文
摘要:t1是梯形, ct是梯形里面的内容。 梯形的高度会随着内容的高度撑高。宽度随着浏览器窗口变宽。 梯形上窄下宽或上宽下窄可以通过 transform 的大小来修改。
阅读全文