在牛腩新闻发布系统的前台开发中，首次接触到了css+div进行网页设计的技术。整的来看，这是网页设计的最基础的部分，但也是最常用的部分，所以在这方面打好基础以后，对以后学习JS、JQ等更加有帮助，也更容易上手。 Css的核心内容：标准流、盒子模型、浮动、定位。 标准流：就是标签的排列顺序，代码里面的元素的顺序与网页上的实际排列元素是一致的就是标准流，当使用浮动或其他手段设置元素顺序的时候，元素就脱离了标...
之前实习都是小打小闹，感觉没干过正事，这次刚毕业就摊上大活了，主要参与产品PC端的开发，这次经历让我更加清楚了前端这个职位的职责，前端工程师切图是基本的，js是必须的，工程师三个字才是最为重要的。合格的前端应该是只要给我个后台接口剩下的我全部搞定，装逼的说：要有一夫当关万夫莫开之势。当然期间和后台的配合协商也是很重的。前后两端有很多技术的交际，对于一些略带粗糙的数据前端可以处理后端更能处理，这个时候就...
动画(Animation),是CSS3的亮点.//之一 通过animation属性指定@keyframe来完成关键帧动画; @keyframe用法: @keyframes name { 0% { top: 0; }/*0%可用from关键字替代*/ 50% { top: 10px; } 100% { top: 0; }/*100%可用to关键字替代*/} 由于是CSS3,所以不出意外的各种前缀: --图片来自MDN,CSS中的关键帧 单个帧中可填写多个属性,而且不需要保证一致,如: @-webkit-keyframes identifier { from { to...
上周用了一周的时间，周一到周五平均每天2-3小时，周六、周日每天各8小时，看网易云课堂燕十八的HTML+div+CSS视频，感觉还不错，按照视频的讲课思路大概做个总结吧。 基本思路：从大的方面（整体结构）着手，将HTML（4.0）的基本知识“解构”然后运用，先不求学全，先学会用。 学习效果：掌握了下面的知识，基本就可以动手写各大网站的首页了，主要是练习使用div布局和CSS效果显示。 一、html的文档结构 doctype 文档类型 ...
先从CSS3的选择器说起： E F：所有的子孙元素； E>F: E中的子元素； E+F：E元素之后的最近的选择器； E~F：E中所以后面兄弟元素（CSS3 不包括自己本身，前面也不包括） att*=val:只要包含指定的元素符（val1 val2 等等都算）； att^=val：首字符匹配； att$=val：尾字符匹配； att~=val：用空格分隔，且其中一个是val； att|=val：以val开头并用"-"连接符； CS...
在制作后台登录页的时候，需要从网页上面把那个圆角矩形框选取下来，然后通过Photoshop进行切割，在进行设置，最后得到需要的登录框的圆角矩形框。如下图。 但是登录最新的智囊团的那个登录页面的时候，上面的那个圆角矩形框已经没有了，最新的登陆页面跟QQ邮箱登录页面一样，没有了圆角矩形框。所以我就想到了用css自己堆出来一个圆角矩形框，通过查找资料，以及自己的一些使用方法的改进，最终得到了自己所需要的圆角矩形...
最近一直很多事情，博客停下来好久没写了，整理下思路，把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下，同时也记录自己对Bootstrap开发的学习研究的点点滴滴，希望在开一个《基于MVC4+EasyUI的Web开发框架经验总结》的系列文章，逐步介绍这个响应式框架的点点滴滴。 Bootstrap是一个前端的技术框架，很多平台都可以采用，JAVA/PHP/.NET都可以用来做前端界面，整合JQuery可以实现非常丰富的界面效果...
关于这一话题，我认为我们需要解决的问题有：什么是web标准？定义web标准的目的？遵循web标准的好处？ 一、百度百科对web标准的解释： WEB标准不是某一个标准，而是一系列标准的集合。 网页的主要组成部分 对应的标准 结构 XHTML、XML 表现 CSS 行为 W3C DOM、ECMAScript 对于web三大组成元素的使用要求是：语法正确、使用合理。...
最近看了一篇总结ie常见bug的文章，里面提到ie多数的bug源于她的特有属性：hasLayout。这个属性以前也了解过一点，但没有深入去理解，于是查阅了一些相关的资料，现在在此来对这个属性作一下总结。 一、hasLayout的定义。 这里我就不一一敲了，直接复制百度的咯。 在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLa...
一.通配选择符(Universal Selector): 语法：* 说明：1.*表示通配符,表示所有的 2.格式:*{样式列表} 3.用于整个页面或网站字体、边距、背景等 例子： 1 2 3 4 5 通配选择符 6 7 * 8 {/**定义网页中所有元素字体、边距样式*/ 9 margin:0px;10 font-size:28px;11 font-family: "华文彩云";12 }13 div *14 {/**定义div中所有...
最近在看一本书,觉得讲得特别精辟,把一些重要的地方记录下来 使用语义化的标签 (1)好处:能够很好地自我解释,方便搜索引擎理解网页的机构,抓取重要内容,去样式后也会根据浏览器的默认样式很好地组织网页内容,具有很好的可读性,从而实现对特殊终端的兼容 (2)常见模块: demo 1: 常见的标签 title 更多 段落 demo 2:表单 demo 3: 表格 表单html 表头1 表头2 ...
因为显示器显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别，表示一个元素在叠加顺序上的上下立体关系。 可能的值： 注释： 所有主流浏览器都支持 z-index 属性。任何的版本的 Internet Explorer （包括 IE8）都 不支持属性值...
块状元素 address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔线isindex - input promptmenu - 菜单列表noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容noscript - 可选脚本内容（对于不支持scrip...
HTML是我们学习Javaweb的第一步 很好地掌握门课是非常有必要的！下面就是我在听资深老师讲课的笔记！个人觉得非常不错！希望可以帮助到那些在学习javaweb路上的 朋友们！从今天 陆续的整理这门课有关的笔记与大家分享！ ** 网页语言： * 第一个html程序。 - 创建java文件.java ** 先编译，然后再运行（jvm） - html后缀是 .html .htm ** 直接通过浏览...
1 级联样式与CSS选择器 1.1 CSS基本使用 1.1.1 引入CSS /* 不建议@import 性能问题 */ 1.2 选择器 1.2.1 元素选择器 /* 仅对P标签有作用 */p{...} 1.2.2 属性选择器 /* 仅对具有attr属性的E元素起作用 */E[attr]{...}/* 仅对attr=value的E元素起作用 */E[attr=value]{...}/* attr的值以空格为分隔符分开,其中一个值等于value即可的E元素 */E[attr~=value]{...}/* attr的值以连字符_为分隔符分开,其中一个值等...