个人认为前端工程师正慢慢演变为产品工程师。wap app, 响应性UI等以html5技术为基础的开发将成为前端工程师的主要工作内容，解决产品跨平台跨设备的实现问题。Javascript, HTML, CSS这些前端工程师熟悉的，多年使用的语言，作为开放标准将被各种平台所支持。产品形态和数据的分离是形势所趋。移动时代对产品形态多元化的要求虽然可以靠不同技术分别实现，但要付出巨大的成本。这也是html5这个04年就提出来的标准，直到前两年才火爆...
现在的网站对于前端的排版已经逐渐不使用，而是使用div+css。 使用这种方法的最大好处就在于在维护页面时，可以只维护css而不去改动html。 可是这种方式对于初学者来说可能不好理解，所以简单描述一下使用div+css排版基础。 下图是一个使用div+css排版的示例： html和css： body{font-size:20px;font-weight:bold;color:white;...
什么是div+css:在介绍div+css优势之前先来介绍一下什么是div+css。div+css是当下网页设计中最流行的词汇之一，它是一种网页布局方式。在XHtml标准中，不再使用table定位方式，而是通过CSS控制div来实现我们所需要的定位，即div+css布局。此种布局方式已经超越表格布局方式，成为当下最为流行的方式，当前主流的大型网站甚至中小企业网站都已div+css布局方式，可见它的优越性所在。div+css的优势:div+css网页布局相对于table布局方式...
Document *{ margin: 0; padding:0; } .main_obj{ width: 500px; height: 240px; /*background-color: #9cf;*/ margin:0 auto; margin-top: 200px; } .ben_main,.lai_main{ height: 230px; width: 220px; ...
先说明一下，我也是半路出家的和尚，可能有些地方说的不到位，只是个人观点而已。 记得我学这块内容的时候是在北京一家公司上班的时候学的，那时候也没有人带着学习，就别人说了W3C，然后就开始自己看，照着里面的内容去打代码，每天晚上都敲到陵城3点，然后理解各个标签的作用（可能说的不标准），然后一个一个的看标签的属性。自己最开始独立写的一个页面就是用table写了一张简历。 代码： 个人简历 个...
.left{width:235px;float:left;margin-left:10px;border:1px solid red;height:50px;display:inline;/*加入inline-block*/}.right{width:754px;float:right;margin-right:10px;border:1px solid black;height:50px;display:inline;/*加入inline-block*/}
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 辽宁朝阳  19 辽宁朝阳  20 辽宁朝阳  21 辽宁朝阳  22 辽宁朝阳  23 24 25 26 27 免费发布信息 28 修改/删除信息 29 30 31 32 33 34 35 36 ...
首先我们先来打开经管系网页，看看网页效果是怎么样的。通过所学Web前端开发的知识，我们一步一步模仿出 标准的网页。我们知道DIV+CSS可以实现网页模块的总体布局，这基本取代了HTML中用table布局，DIV+CSS布局 更加灵活，改写代码方便。 经管系原网页截图： 我先开始做网页的整体模块布局草图： 下面开始编写代码： 第一次HTML代码： 经管系Dreamweaver8 ...
我们继续接着DIV+CSS实操系列：DIV+CSS实操一：经管系网页总体模块布局，DIV+CSS实操二：经管系网页 添加导航栏和友情链接栏和DIV+CSS实操三：经管系网页内容模块添加标题栏和版权信息模块。今天我们就来给内容 模块添加内容，所有的内容都用超链接。 由于内容部分较多，我会分两次添加，先来左半部分内容的添加： HTML代码： 经管系Dreamweaver8 本站首页 本系概况 教育教学 科学研究 招生就...
接着DIV+CSS实操一：经管系网页总体模块布局这篇博客继续，实现添加导航栏和友情链接栏，导航栏的下拉 菜单我们后续会加上。 先来HTML代码： 经管系Dreamweaver8 本站首页 本系概况 教育教学 科学研究 招生就业 学生工作 党团建设 考研升本 实习基地 经管动态 通知公告 常用服务 站内导航 扫一扫 ...
两栏布局，左边定宽200px，右边自适应。如何实现？我的第一个反应就是：用flex伸缩盒呀，然后balabala...说完之后，面试官说，还有没有别的方法？flex有些浏览器不支持嗯...我愣了一下，平常遇到这种问题貌似都是这么写的...别的方法？我又想了想。JS?对，JS肯定可以。然后就说，可以用JS获取当前窗口宽度，然后减去200px就是右边的宽度了面试官：嗯，这样的确可以，但是布局一般不要用JS，还有没有别的方法？CSS的额，这下我完全愣...
css： .p1{z-index: 1;width: 20;border-top: 5;border-right: 5;border-left: 5;border-bottom: 10;border-color: black} .p2{font-family: 时尚中黑简体;font-size: 30pt;color: gray;z-index: 2} html： sdafdsafdsa 得到效果： 如图，文字并没有在图片上面而且图片也不像css里设定的那样有边框，变大，求问为什么？ ...
继续接着DIV+CSS实操系列的博文添加代码：DIV+CSS实操一：经管系网页总体模块布局，DIV+CSS实操二： 经管系网页添加导航栏和友情链接栏，DIV+CSS实操三：经管系网页内容模块添加标题栏和版权信息模块和 DIV+CSS实操四：经管系网页内容模块内容添加(一)。我们还是添加内容版块的内容，这一次是中间部分和右半部 分。由于中间的图片无缝滚动需要JS实现，我们后续加上。 HTML代码： 经管系Dreamweaver8 本站...
其实很久之前就想实现这个功能，一直没有去付诸行动，大早上的就开始看老师讲过的一些简单的JS下拉菜单的 知识，可能是我们基础差，老师讲的也是非常基础的一些，但是我们还是没有听懂，仔细研究了一番，反反复复终于 实现了下拉的效果，后来在网上找这方面的教程和代码实例看，发现和自己写的还是有很大的区别，最近一直在深入 JS的学习，还没有学到这块，相信学到这块，自己可以写出更加简洁的下拉菜单的代码。由于JS懂的比...
在做经管系主网页的同时也在进行着中文系主网页的构建，果然是只有自己去实践了，才能遇到各种各样的问 题，然后再去寻找解决这些问题的方法，最后进行修改和不断的调试，最后达到自己想要的效果。中文系主网页构建 遇到的问题也很多，首先就是遇到了在排版链接文字时由于宽度是固定的文字过多造成折行显示，这种结果是不想要 的，还有就是想要多出宽度的文字用省略号代替。 上面的两个问题都是CSS样式的应用，先来...