随笔分类 -  前端_CSS

摘要:居中是个常用的问题。 阅读全文
posted @ 2017-08-28 16:53 程序媛李李李李蕾 阅读(291) 评论(0) 推荐(0)
摘要:http://blog.csdn.net/laokdidiao/article/details/51189476 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS3实现基本图形</title> <style> #C 阅读全文
posted @ 2017-08-27 10:54 程序媛李李李李蕾 阅读(492) 评论(0) 推荐(0)
摘要:来源:http://blog.csdn.net/cinderella_hou/article/details/52156333 所谓三列自适应布局指的是两边定宽,中间block宽度自适应。这道题在今年网易内推前端工程师面试的时候也被问到。 我这里主要分为两大类,一类是基于position传统的实现, 阅读全文
posted @ 2017-03-06 19:40 程序媛李李李李蕾 阅读(1033) 评论(1) 推荐(0)
摘要:传说中的“三层嵌套技术”。 一、背景图合并: div+css+ps合图相结合的技术;通过精确到1px的css设置,使用ps合成背景图片,特别是小图片合并,来完成页面效果。 首先讲讲三层嵌套原理: ①要做成这个效果,用ps软件抠出这一栏目 ②继续抠图,截出三张这一的小图标,高度务必一样的大小,才能平铺 阅读全文
posted @ 2017-02-27 15:35 程序媛李李李李蕾 阅读(3601) 评论(6) 推荐(2)
摘要:不知道盒子大小、宽高时,如何让盒子上下左右居中? 应用场景:比如上传图片时,并不知道图片的大小,但要求图片显示在某盒子的正中央。 方法1:让4周的拉力均匀-常用 方法2:c3的属性,移动自己大小的一半 知道自身高度的情况下,使用负边距,-margin自身高度的一半 阅读全文
posted @ 2017-02-04 18:00 程序媛李李李李蕾 阅读(1239) 评论(0) 推荐(0)
摘要:常用DIV+CSS命名大全集合,即CSS命名规则 阅读全文
posted @ 2017-02-02 14:47 程序媛李李李李蕾 阅读(545) 评论(0) 推荐(1)
摘要: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 阅读全文
posted @ 2017-01-16 10:45 程序媛李李李李蕾 阅读(277) 评论(0) 推荐(0)
摘要:文为大家整理了html标签默认样式属性及浏览器默认样式等等,喜欢css布局的朋友们可以学下,希望对大家有所帮助 阅读全文
posted @ 2017-01-16 10:33 程序媛李李李李蕾 阅读(1179) 评论(0) 推荐(0)
摘要: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;//加入这段样式 居中 阅读全文
posted @ 2017-01-16 10:29 程序媛李李李李蕾 阅读(182) 评论(0) 推荐(0)
摘要:未知大小的图片在指定大小的div盒子中垂直水平居中 阅读全文
posted @ 2017-01-05 15:56 程序媛李李李李蕾 阅读(386) 评论(0) 推荐(1)
摘要:所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性。在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用。 1.* * { margin: 0; padding: 0; } * { margin: 0; padd 阅读全文
posted @ 2016-12-29 20:23 程序媛李李李李蕾 阅读(417) 评论(0) 推荐(0)
摘要:t1是梯形, ct是梯形里面的内容。 梯形的高度会随着内容的高度撑高。宽度随着浏览器窗口变宽。 梯形上窄下宽或上宽下窄可以通过 transform 的大小来修改。 阅读全文
posted @ 2016-12-21 16:56 程序媛李李李李蕾 阅读(939) 评论(0) 推荐(0)
摘要:国内外几个大网站的css reset 。 阅读全文
posted @ 2016-12-16 10:26 程序媛李李李李蕾 阅读(436) 评论(0) 推荐(0)