▶︎前端开发
本专栏分享一些关于前端的技术心得
门豪杰
怀着真诚与敬畏与世界相处
展开
-
《精通CSS-高级Web标准解决方案》 笔记
第一章基础知识标记简史使用有意义的标记ID与class的区别div和span微格式文档类型和DOCTYPE浏览器模式和DOCTYPE切换第二章为样式找到应用目标选择器层叠和特殊性层叠特殊性对文档应用样式设计代码的结构删除注释和优化样式表第三章可视化格式模型盒模型概述IE和盒模型外边距叠加定位概述可视化格式模型相对定位绝对定位固定定位浮动行框与清理原创 2017-08-02 22:34:57 · 865 阅读 · 0 评论 -
css居中的多种方法
水平居中text-align 与 inline-block 的配合<div id = "div_center_align"> <div id = "div_center_test"></div></div>#div_center_align { text-align: center}#div_center_test { border:1px solid #ccc;原创 2017-08-23 23:54:42 · 260 阅读 · 0 评论 -
使用margin还是padding
在正文开始之前我们先看一下一些比较权威的解释 CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School 边界(margin):元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。——CSS权威指南为了便于理解,我们其实可以把外边距成为空白,把内边距称为留原创 2017-08-23 23:53:27 · 290 阅读 · 0 评论 -
完美的全屏幕背景图
参考自http://blog.csdn.net/ZGhekuiwu/article/details/54382145教程英文原版https://css-tricks.com/perfect-full-page-background-image/我们的目标是让一张背景图能够覆盖整个浏览器窗口,在做之前,先提一下对最后效果的要求:图片要填充整个窗口,没有边距;根据需要缩放图片Retains ima原创 2017-08-23 23:51:42 · 1199 阅读 · 0 评论 -
《css权威指南》笔记
第一章CSS和文档Web的衰落CSS作救星元素结合CSS和XHTMLlink标记候选样式表import指令css注释内联样式第二章选择器基本规则选择器伪类和伪元素伪类伪元素第三章结构和层叠特殊性的判断继承层叠第四章值和单位Web 安全颜色相对长度单位emexpx统一资源定位符url绝对URL相对URLCSS2单位第五章字体字体系列font-fa原创 2017-07-31 08:27:54 · 1180 阅读 · 0 评论