laurel_y的博客

从今天开始模仿页面，今天简单的练习了一下百度首页的布局，因为比较简单。然而还是遗留了两个问题：1）搜索的中间模块怎么实现两个按钮水平显示，并且同时居中？       我写了两个例子：如果用浮动让两个按钮水平显示，用百分比设置margin值不能保证按钮水平居中；如果不用浮动，text-align居中，则两个按钮不在同一行。       刚才想出一个解决方法：在两个按钮外面再加一层div，

内容转载自：https://www.cnblogs.com/rdchen/p/10688604.html完整原文：https://blog.csdn.net/chenchunlin526/article/details/77346049Html A标签中 href 和 onclick 同时使用的问题 优先级别1、顺序ie 6 : href 先触发 onclick 后触发其他浏览器 先触发...

今天在设置背景图片的时候遇到一个需求：背景颜色要铺满整个方框（content + padding），但是背景图片只能从content 部分开始，在实现的过程中了解到了css3的两个属性  background-clip与background-origin，在这里记录一下。    （1）首先了解一下  background 属性：这个属性其实是很多个属性的简写，大致包括以下几种：

什么是设计模式？曾有人调侃，设计模式是工程师用于跟别人显摆的，显得高大上；也曾有人这么说，不是设计模式没用，是你还没有到能懂它，会用它的时候。先来看一下比较官方的解释：”设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问，设计模式于己于他人于系统都是

最近忙于工作好久没写博客了，今天更新一波，顺便记录一下工作中遇到的疑惑。     关于bootatrap， 其实我并没有系统的学习过，也就是说我只是在原生 html+css 的基础之上，用了一些bootstrap 的样式类及插件，例如 多选下拉列表、时间控件 等。但是因此我也遇到了一些问题，比如说浏览器兼容性问题、比如说设备自适应问题。     （1）浏览器兼容性问题：由于bootstra

今天发现一个神奇的事情，查询之后，点击“重置按钮”，搜索框的输入项没有发生响应，后面才发现原来是因为我错误的认为reset 按钮单纯的将input等输入项中的值清空，但其实并非如此。      w3c上是这样说的：       在 HTML 表单中 标签每出现一次，一个 Reset 对象就会被创建。当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML

参照网上的各种教程，搭建了一个博客。现在把 Hexo + GitHub Pages 搭建博客的完整过程记录下来：个人博客地址：http://www.lovebxm.com大概流程： 1. 搭建 Node.js 环境 2. 搭建 Git

今天在参考他人的Personal Portfolio Webpage的时候，发现一个觉得很棒的想法，因此在这里记录下来。 这是Personal Portfolio Webpage的原链接：https://codepen.io/freeCodeCamp/pen/YqLyXB（需要翻墙才能查看）功能实现的效果是这样的：是不是觉得很简单，其实不是哦，这个里面涉及到两个知识点，一个

css有一个属性叫做content。content只能使用在:after和:before之中。它用于在元素之前或者元素之后加上一些内容就像这样：.email-address:before { content: "Email address: ";}我们可以书写的html代码：> class="email-address">chriscoyier@gmail.c

今天在写页面的时候遇到一个问题：父容器不根据内容自适应高度。于是了解了一下其原因及相关的解决办法。   （1）原因：子元素设置float浮动后会导致父容器高度不能自适应，也就是俗称的外部容器不能被“撑大”，常见表现为背景或边框异常。 （2）解决办法：而相应的解决办法就是“清除/闭合浮动”，方法主要有以下4种： （3）总结：

之所以要单开一篇博文写这个选择器，是因为我在刷题的时候发现这个选择器的定义是：匹配属于其父元素的第 N 个子元素，不论元素的类型。   （1）我不太明白所谓的“不论元素的类型”是什么意思，刚开始我以为是不论标签元素类型，也就是说 选择当前标签E的父级元素的第N个子元素，不论这个元素是否是E标签，但是我写了一个例子，发现如果该元素不是E标签，那么选择符无效，详见代码：

（1）建一个文档来记录我见过的伪类选择器，便于自己以后查找，后续会继续添加。 选择器语法 定义 :hover 用于选择鼠标指针浮动在上面的元素 :active 用于选择处于激活状态的元素 :first-letter 用于选择文本的第一个字母 ::selection 用于匹配用户选取的部分 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元

我在模仿页面的过程中遇到了将position属性与:before / :after 选择器联合使用的情况，觉得应该记录下来，因此写一篇文章简单讲解一下position属性的三个值及其应用场景，最后分享一下仿页面时借鉴于他人的巧妙用法。一、position的三个属性值及其定义二、三个属性值的区别（是否脱离原有文档流）及其应用场景三、借鉴于他人的巧妙用法两个应用场景都是将positio

上午看了一篇张鑫旭的博客，深入讲解了一下 vertival-align 和 line-height 的关系，感觉打开了新世界的大门。目前我的目标还只是一个熟练的页面仔，下一步就是要熟悉CSS的原理机制。博客里面的内容很多但是没有细讲，先Mark下来，后面慢慢消化 。这是传送门：http://www.zhangxinxu.com/wordpress/2015/08/css-deep-un

pxpx就是pixel像素的缩写，相对长度单位，网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的emem是相对长度单位。相对于当前对象内文本的字体尺寸（参考物是父元素的font-size）如当前父元素的字体尺寸未设置，则相对于浏览器的默认字体尺寸特点：　　1. em的值并不是固定的；　　2. em会继承父级元素的字体大小remrem是CSS3新增的一个相对单位，re...