Jquery的选择器有很多种，大概可分为9种，如下： (1)基本#id element .class * selector1,selector2,selectorN (2)层次选择器：ancestor descendant parent > child prev + next prev ~ siblings (3)基本过滤器选择器:first :last :not :even :odd :eq :gt :lt :header :animated (4)内容过滤器选择器:contains :empty :has :parent (5)可见性过滤器选择器:hidden :visible (6)属性过滤器选择器[attribute] [attribute=value] [att...
效果：
首先，我们要问，什么是html?官方的解释是：超文本标记语言。什么意思呢？简单的来说，就是一种用来制作网页的特殊语言。那么，什么是网页呢？我们说，网页是一个在浏览器窗口下显示的页面，实质上是一个文档。网页主要有3个元素：文字、图片以及超链接。有了这3个要素，我们便能制作最简单的网页了。然而，当我们实际去做的时候，却不得不考虑这样的问题：如何来控制页面的格式和布局？在一开始的时候，我们是使用所谓的“格式控制...
关于前端规范的总结Html：1：嵌套的节点应该缩进四个空格2:属性使用双引号 eg：class=""3:单标签（` `）不需要闭合。4:所有的代码只用小写字母5:定义编码方式``6:引入 `CSS` 和 `JavaScript` 时不需要指明 `type`7:HTML 属性书写顺序 id -->class -->name -->data-* -->src, for, type, href-->title, alt8:尽量避免在 JavaScript 文件中生成标签9:每个块元素、列表元素或表格元素都独占一行10:语义化Css:1:缩进：4个空格2:空格...
元素绝对定位以后设置了高宽，a标签不能点击的原因： 1、元素内并无内容 2、背景是透明的，无任何背景图或者颜色 解决方法： 1、如果不是绝对定位元素的，可以用相对定位 2、给元素加透明的背景图 3、IE可以只用 background:url(about:blank) 解决 第三种方法平时用用是可以的，但是在某种情况下会有bug, 比如JS拖动层时候，拖动的事件在一个透明层上面，你有设置了其他鼠标光标，这时候拖动就会出现光标闪烁的现象！ 总结：用第二...
一些需要记住的点：day1 HTML格式及简单标签:html 文件一般格式：1 2 3 4 页面名称 5 6 7 页面内容 8 9 charset 设置字符编码，避免页面中文内容出现乱码。没有闭标签 需要在末尾打斜杠“/”，alt属性不行的时候可以用title属性代替，align 属性可以设置一个段落内图片居左还是居右，还有width和height属性设置照片大小有序列表 无序列表都可以用type设置项目标志样式：的默认type...
分割线盒子的使用字体加粗换行字体删除线有序列表 - 无序列表 - 自定义列表 : li+*+5+TAB=5个内联框架 标题 行头 行 单元格表格专用 只能用于表格 （webstorm）让表格对齐 但不能让内容对齐cellpadding 10px 内边距cellspacing 10px 外边距 （空白边距）
学习要点总结：PS导出图片（PNG JPG) 导出后为PNG格式 PS导出图层等比例调节大小 按住SHFIT键（PS)ctrl+或者- 放大缩小图片测试html浏览器 谷歌 火狐 欧鹏 IE 解析模式：标准模式 混乱模式 非标准模式UTF-8 ：支持中文HTML别名 根元素/：关闭标签TAB 标签快捷键HTML+CSS+JS=结构 + 表现 + 行为注释：ctrl+/ 务必熟练使用webstorm 拓展了解ps cutterman markman
移动前端开发，也就是webapp，主要是针对Iphone、Android等高端手机。 1、禁止用户屏幕旋转。 这点可以肯定的说是做不到的，之前因为有项目需要禁止屏幕旋转，所以网上查阅了大量的资料，发现根本没有解决办法，在移动版webkit中根本做不到。苹果api也说明了，我们为了让用户在safari中正常的浏览网页，我们必须保证用户的设备处于任何一个方位时，safari都能够正常的显示网页内容（也就是自适应），所以我们禁止开发者阻止浏览器的...
对于这次移动端页面开发，新接触到的东西不少，首要的一个就是响应式布局，在移动端页面开发中，需要考虑到移动端各种不同的屏幕大小而使用不同的布局来呈现出想要的效果，在小屏幕的移动设备中。可能需要减少页面中的信息量，并且改变原有的布局方案，采用适用于移动端的布局方案。而在中等屏幕大小的移动设备中，如平板，则需要考虑横屏、竖屏等情况下的布局方案。由这些需求延生出来的，就是所谓的响应式布局解决方案，响应式布...
前一个星期实战完一个PC端的基于HTML+CSS的项目，这几天则接触了移动端的开发，同样也是在HTML+CSS的基础上完成。虽然第一次接触移动端的开发，但在开发过程中，我也是按照PC端的开发步骤来进行工作。首先切图布局，同样可以先总体规划，分析哪些是可以作为组件来使用的。在这次移动端项目中，可以作为组件来使用的部分也挺多的。这样一来就提高了我们的开发效率。移动端的web开发主要对象为手持设备，所以与PC端的开发区别是为不必...
引用：http://www.haorooms.com/post/html_meta_ds 前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ html的meta总结 meta标签的组成：meta标签共有两个属性，它们分别是http-...
这次的项目可以说是我个人的第一次完整的项目了，积累了一定的经验，而且撞的坑也挺多，总结了有一下几点：代码重复在实际项目制作中，因为项目包含的页面非常多，在很多页面中都有大部分的区域是和其他页面重复的，如果在项目一开始就直接埋头写代码，而不对项目进行规划的话，到最后项目代码肯定会有非常之多的重复代码，这样既耗时又不讨好。即使中途发现存在重复代码开始复制粘贴来提高效率，这些重复代码也一样会出现在各个文...
在过去的大概一个月的学习，基本掌握了HTML+CSS的用法和特性。这个星期老师给我们布置了一个PC端的实战项目，并且要求在3-4天内完成，我不惜废寝忘食，在紧迫的时间内大致地完成了，但是有些效果不能像想象中的那样实现出来，毕竟时间有限，能力有限。经过了这次的实战之后，我对此有各方面的总结： 一、技术总结1. 在开发之前必须要先把这个项目的所有设计图从头到尾看一遍，注意观察相同的部分，比如说每个页面的头部和底部都是相...
好几天没更新博客了，刚实战完一个HTML+CSS的简单项目。经过几天的摸索，发现收益良多。之前只是单纯得写demo，看知识点，没有亲自实战项目。但实战过后才会了解，如何才能更好地提升自己的技术。针对这次项目开发，我总结了以下内容：一、技术总结1、公共样式的设定在开始项目之前，我们可以先大体了解一下项目中每个页面的内容，比如字体样式，段落结构，文字大小等。我们可以针对这些内容来设定一个固定的样式文件。在开发中 ...