目录 布局模型 流动模型（Flow） 浮动模型 (Float) 层模型（Layer） 颜色值 长度值 一、布局模型 网页布局模型：个人理解，就是对html中各个元素进行一个排列。而排列的方法可以分为三种：流动模型、浮动模型、层模型。 二、流动模型 这是网页默认情况的布局模式。 特征： 块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为10...
10条建议分享：帮助你成为与硅谷工程师一样优秀的程序员 成为一名硅谷的工程师可能是很多中国程序员的梦想。硅谷被公认是目前世界上云集了最多优秀工程师和知名科技公司、创业公司的地方，吸引了全球无数投资者、创业者和工程师的目光。在那里工作的工程师，有着令人羡慕的职业发展前景... TIME : 2016-04-29 阅读详情>> 移动建站十大原则 移动建站十大原则 ...
推荐国内最好的在线翻译平台 众成翻译 原文链接： http://lea.verou.me/2015/12/my-positive-experience-as-a-woman-in-tech/ 虽说身为女性吐槽在技术圈里遇到的性别歧视之类话题能吸引更多的关注度，但是，如果没有人写点正能量的故事，过分消极的画风就会让越来越多的女性远离技术工作。 如果我一开始就被人告知技术领域存在性别歧视，那我很可能会选择别的职业，毕竟我们不可能以一己之力打败成见。而对我来...
英文原文： 20 CSS Tools for Designers and Developers CSS 工具是现今网站开发人员和设计人员使用的最必要和最重要的工具之一。这是因为这些 CSS 工具，可以为开发人员和设计人员简化手头的工作，大大减少 web 开发和设计工作所需的时间。而专业人员还可以在很短的时间跨度内，用一种更高效的执行方式，完成更多的工作。可惜的是，并非所有这些工具都是众所周知的。现在市场上有很多 CSS 工具。每一种工具都有着自己特定的功...
我们都希望能够在我们所做的事情中得到成长，在WEB开发领域，我们花费时间最多的就是编写代码。这可能包括HTML, CSS, JavaScript, PHP, Python, ActionScript或者任何其他你构建WEB站点时选用的语言。 这篇文章中，我们将分享一些实际的步骤，使你可以扩充技能，成为一个更优秀的程序员。我们提出五个不同的生活习惯，它们可以使你在你所从事的领域变得更加优秀。 1. 一个时间段内只专注于一种类型的语言 如果你正在...
Me： 虽然文中说的不都对，有些地方明显有作者自己的不足，比如看看英文在新世纪不应该算个事了，比如有些要求都是在实践中以时间慢慢积累的不是一上来就求全的。 但前端程序员化越来越明显了。 说明时代在进步，公民素质在提高呀。 在知乎看到这篇文章，现在看来做前端开发真的是很累 CSS 不能编程？用 Less 、 Sass 、 Stylus 、甚至直接用 Absurd ，框架除了 Bootstrap 还有很多。 JS 写多了很麻烦...
1.div布局在ie浏览器和chrome浏览器，firefox浏览器不同，不如在div里面嵌套3个div，分别左中右，左边div的pading和margin在ie8以上都是几乎相同，ie8以下做内边距x2，在中间的div在chrome和fierfox中默认在左边div的右边，而ie缺不是，解决这个问题设置一下左浮动就可以解决。2.一个ul便签，如果设置左浮动，比如li>5，便签如果设置为水平显示，li由左往右，如果设置右浮动，就是从右往左。比如一个导航栏， 首页 购买记录 关于 ...
1、元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height；举个例子：其实出现这种现象，我们可以巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）当然该元素高度上的百分比是相对其父元素高度的百分比的，min-height及max-height也适用这条规律。2、含有定位属性的元素，其top、bottom单位为百分比时，该百分比是相对于父元素的高度...
Android程序猿搞Web 之HTML（二） 1、行内样式 <body><table align="center" ><caption><h4 style="color: red; font-size: 20px">数字整理表格</h4></caption><tr><th>数字整理</th></tr><tr><td style="color: #669900">小数字</td><td>123</td></tr><tr><td>中数字</td><td>456</td></tr><tr><td>大数字</td><td>789</td></tr></table> </body>在标签内输入 style 并在 style 引号内输入样式 css用“ : ”2、内部样式表 在 head...
好程序员web前端教程分享HTML/CSS部分常见面试题。准备参加web前端面试的小伙伴们一起看一看吧，希望对大家有所帮助！ 1、什么是盒子模型? 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容(content)，元素的内边距(padding)，元素的边框(border)，元素的外边距(margin)四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒...
不能用什么命名？ 1：不能中文命名 2：不能中英混合 3: 不能直接使用css属性明敏 4： 不能单独切直接使用html命名 命名规则- 驼峰式命名:第一个单词首字母小写写；第二个单词首字母大写例如 ： xiaoYiFei 下划线命名 xiao_yi_fei 连接符命名 xiao-yi-fei1: 命名可以按照页面结构；分割结构进行命名 2：可以按照页面中内容进行命名； 3：命名规范汇总1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有...
好程序员web前端教程分享异步加载CSS的一些方法，在我们写页面的时候，我们做最主要的任务就是提高页面的性能和弹性加载速度，以不会延迟页面的呈现的形式来加载CSS。这是因为在默认情况下，- 浏览器会同步加载外部的CSS- 在下载和解析CSS时会影响所有页面呈现 这两种情况都会导致潜在的延迟。当然，这也是在开始渲染页面之前，应该至少加载网站的CSS的一部分，并且为了立即将该初始CSS添加到浏览器，我们建议内联css。对于整体数量...
好程序员分享CSS标签的分类、及显示模式，标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。 一、块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中 <div> 标签是最典型的块元素。 特点：（重要） 1、独占父亲一行，宽度默认是容...
好程序员web前端系列之动画，CSS3属性中有关于制作动画的三个属性：transform,transition,animationkeyframes@keyframes mymove{ from{初始状态属性}to{结束状态属性}}或@keyframes mymove{0%{初始状态属性}100%{结束状态属性}}（中间再可以添加关键帧）animation和transition的区别相同点：都是随着时间改变元素的属性值。不同点：transition需要触发一个事件(hover事件或click事件等)才会随时间改变其css属性； 而animation在不需...
好程序员web前端技术之CSS3过渡，css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值 transition-property：检索或设置对象中的参与过渡的属性transition-duration：检索或设置对象过渡的持续时间transition-delay：检索或设置对象延迟过渡的时间transition-timing-function：检索或设置对象中过渡的动画类型 简写...