随便打开一个网页，按下F12，你会发现一堆密密麻麻的“DIV”，没错，现在大部分的网页都用了CSS+DIV的布局方式。 上篇说了盒子模型，这里就以盒子模型为基础来简单了解一下常用的一种网页布局的方式：CSS+DIV布局。 CSS+DIV布局，就是在整体上用标记把页面分为若干个块，然后对各个块进行CSS定位，最后再在各个块中添加相应内容。 就如建造一座钢结构的建筑物似的，先把整个网页的框架搭建起来，再分别...
border:0;边框存在但不现实 并且占内存 border:none;边框未渲染 HTML的书写规范： 1、标签换行。 2、标签缩进。 3、标签要关闭。 4、标签名属性不能为空。 5、首先要！doctype声明。 6、编码格式为UTF-8。 7、标签要半角英文小写。 8、合理注释。9、类名，id名要有语意的注释。10、 合理嵌套。 相对定位：相对定位，要有一个参照物，但这个参照是它自身，也就是说没设相对定位的位置，但只有设置了才能使 TOP,...
首先做开发码子编完了我们得有个工具去看效果，PC端开发我们有firefox,chrome等等，那么我们做手机web用什么做调试？手机设备多种多样，不同品牌，不同的屏幕尺寸。当然我们不可能把所有的手机设备都买齐了，然后在开发的时候，在桌子上从左到右依次摆放，在写了一段代码之后，从左到右依次刷新，呵呵。如果真有人这么去做，我也不说啥了，我只求跪求土豪咱做朋友吧~嘿嘿。 废话说了一推，说回重点：首先，移动web开发咱需要一个...
盒子模型是CSS控制页面时一个很重要的概念。整个牛腩发布系统中都贯穿着盒子模型的使用，只有很好的掌握了盒子模型以及其中每个元素的用法，才能真正的控制好页面中的各个元素。页面中的元素都可以看成一个盒子，这些盒子之间也会相互影响。 一、盒子的内部结构 首先，我们看一个例子。假如墙上有四幅画，如图排列，对于每一幅画来说，都有一个边框（border）；每个画框中，画和边框有一定距离，称为内边距（padd...
一般而言htmlparser的解析使用得比较多，node库中已经有了，npm install -g htmlparser2就可以安装。 这段时间要实现nodejs上的安全扫描，需要对html,css,js进行解析，css主要是限制一些绝对定位，浮层和url，防止产生钓鱼或攻击。所以写了一个css的解析器。 感觉 这些基础库应该公开出去，但是不知道有多少人有这个需求。
第一步： 定义动画，名字可以各种起，就像方法名一样 1. 定义动画，名称为fadeIn @-webkit-keyframes fadeIn {0% {opacity: 0; /*初始状态 透明度为0*/}50% {opacity: 0; /*中间状态 透明度为0*/}100% {opacity: 1; /*结尾状态 透明度为1*/}} 方法里面还有很多写法： 如： /* 定义css方法，名字叫消失 Hides a leaf towards the very end of the animation */@-webkit-keyframes fade{ /* Show a leaf while into or b...
css语法 selector{ property:value } 例：h1{color:red; font-size:14px} 属性大于1个之后，属性之间用分号隔开 如果值大于1个单词，则需要加上引号 p{font-family:"sans serif";} 选择器分组： h1,h2,h3,h4,h5,h6{color:red;} 继承： body{ color:green; } css-派生选择器 通过依据元素在其位置的上下文关系来定义样式 css-id选择器 id选择器可以为标有id的HTML元素指定特定的样式 id选择器以“#”来定义...
比如想将下面的内容在一行内显示出来，怎么办？（注：其中的1/2需要写成标准的分式，分上下2行写） “...此处省略30字 ...我想输入一个分式：1+1/2，这个咋办？...此处省略10字...” 弄个table吧，就那么几个字符占一行太浪费了，而且影响版容，弄个图片吧，又复杂了点。 大家有没有好注意啊？ 回复讨论(解决方案) 可以试试这种思路 .percent{ position: relative; } .percent span:nth-chi...
1首先在 webroot文件夹下新建一个css文件 可以命名为style.css。效果图如下： 2 jsp引用css文件 显示 3 css文件的格式 Css规则主要由选择器和声明组成。声明由属性和值组成。一条规则可以有多个声明。当然选择器也可以有多个中间用逗号隔开 在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。 h1{color:red; font-size:14px;} h1,h2,h3,h4,h5,h6{ ...
一、CKedit下载ckedit 下载地址:http://ckeditor.com/ 二、ckedit的引入 2.1、解压并将ckedit复制到项目中 2.2、在页面中引入 在页面头部加入 2.3、在需要使用ckedit的标签中添加class="ckeditor" 多行文本域添加class tr> 内容 2.4、页面全部代码 2.5、页面效果
牛腩新闻发布系统用到了很多的BS的技术，而我们看到的精美的网页很大一部分是由div+css技术实现的，div+css是一种网页布局方式。是HTML的标签,它构成的是块级元素，在有它标记的内容的前后都会换行符，在web页面上表现为一个div元素的前后都会自动的换行。它可以将大的页面分解为多个部分。然后在css中可以分别的对这些部分进行样式的设置，而且和table布局相比div+css将内容和样式表现分离开。 要学习一样技术就要从掌...
B/S真是一个长见识的阶段，认识了很多前端必备的语言，随着时间的增加，本以为新闻发布系统中学到的那些我还不知道是什么的东西，会早已没了印象。但反而却更加深刻了，当时还不知道什么是CSS，就学会了写CSS。还不是什么是异步通信，就学会了用AjaX。当看到视频中的经典框架时，才发现，这不就是新闻发布系统中用到的CSS+DIV么！(⊙o⊙)哦，原来我早就会写了！ 一、为什么是DIV+CSS 看到这个搭配，我就在想为什么是这样...
开始学习html5了，趋势不得不学习啊，之前老毛说过落后就要挨打，现在是不学习就要被市场淘汰，被社会淘汰。喜欢挑战，喜欢冒险。来吧。csdn给我们提供了那么好的平台，用起来。。零基础学HTML 5的实战开发 http://edu.csdn.net/course/attend/489/5450
应一些刚接触工作流设计朋友的要求，这里开设一个系列教程，希望对刚刚接触工作流设计的朋友能够有些帮助。工作流设计需要多方面的知识，其中的HTML是最基础的部分，这里先通过大概4小节的课程将HTML部分介绍一下。对于刚接触网页html语言的朋友可以实际操练一下。 平常常用的编辑工具可以使用Dreamweaver，记事本或者Editplus、UltraEdit，对于初学者建议使用Dreamweaver，这样便于对效果和代码对应查看，便于快速掌握代码。 ...
W3C标准：1、结构标准(xHTML)2、动作标准(JavaScript)3、表现标准(CSS)CSS写法：1、行内样式：在标签内书写；2、内嵌样式：在标签内书写；3、链接样式：在标签内使用；4、导入样式：使用@Import属性，可以导入多个CSS文件；CSS优先级：就近原则 行内样式>内嵌样式>链接样式>导入样式CSS选择器：1、标签选择器：例 p{background:#900;} 将页面中所有p标签的背景色设置为红色；2、ID选择器：例 #nvg{background:#900;} 将页面中id为n...