CSS盒子模型: 早期的网页设计主要是表格,后来主要是div+css 盒子模型： 1.边框：border： border-top、border-bottom、border-left、border-right 2.内边距：padding： padding-top、padding-bottom、padding-left、padding-right 3.外边距：margin： margin-top、margin-bottom、margin-left、margin-right CSS的布局 语法： float : none | left | right 取值： none ...
通过一个demo测试这三个属性的差别。 说明： scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。 offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。 该demo就在页面中放一个textarea元素，采用默认宽高显示。 情况1： 元素内无内容或者内容不超过...
我们有时要验证下页面上的一些逻辑，比如开始时间不能晚于结束时间，不对时不让保存。我们可以在相关的字段事件上处理，但这如果要判断的字段比较多时，就比较麻烦了。 这时候我们就可以利用Form的OnSave事件，下面介绍下具体的做法： 1. Form的OnSave事件 2. JS方法 function formSave(context) { if (!dateCheck("new_valid_on", "new_valid_to")) { alert("Valid To is earlier than Valid O...
本人最近刚刚学完jsp && Servlet，为了练习一下，就想做一个网站。 但是JAVAEE做后台的同时需呀PHP，和 Html做前台。所以我就找到了.w3c. 网址： http://www.w3school.com.cn/ 一个很好的自学网站， 接下来的几个博客，都适合html有关，感兴趣的朋友可以关注一下。 第一次先练习几个比较简答的。 标题 头部 主题 分段 字体大小 到依次由大到小。 还有超链接 下面是练习的代码： 我的第一个网页 M...
无标题文档 This is a paragraph This is a a a 中间对齐 粗体 大字号 着重字体 hahahah 基准集中于其 有吗？ 有吗 fsdf
嗯，在HTML DOM（学习笔记一）中简单描述了一下HTML DOM 是什么，这一篇将记录下来有关HTML DOM的内容！ 1：DOM节点 首先，再来看一下HTML DOM的树状结构，如下图所示： 这就是我们要处理的HTML DOM 也就是一种HTML文档的另一种表现的形式，更加接近我们的HTML文档的表现形式的样式是这样的，如下图所示： 在HTML DOM中，所有的事物都是节点。HTML DOM就是被视为节点树的HTML。根据W3C的HTML DOM标准，HTML文档中所有内容都...
嗯，工作也有一段时间了，对编程的认识也深入了一些，以前认为HTML/CSS/JAVASCRIPT是比较简单的，看网上的教程就可以了，W3C是我学习这些知识常去的一个网站，非常感谢她让我学习到了更多的一些关于前端的知识，不过现在我不这样看了，前端工程师们最主要的就是通过这些来工作的（当然考虑的问题肯定是更多更广更深入了，架构问题、兼容性问题、性能问题、还有各种插件、JS库以及前端的各种工具等等），这些内容是非常丰富的，我也...
一、CKedit下载ckedit 下载地址:http://ckeditor.com/ 二、ckedit的引入 2.1、解压并将ckedit复制到项目中 2.2、在页面中引入 在页面头部加入 2.3、在需要使用ckedit的标签中添加class="ckeditor" 多行文本域添加class tr> 内容 2.4、页面全部代码 2.5、页面效果
HTML： 是用来描述网页的一种语言 超文本标记语言Hyper Text Markup Language 不是编程语言，是一种标记语言 新特性： 用于绘画的canvas标签 用于媒介回放的video和audio元素->视音频文件 对本地离线存储的更好支持 新的元素内容：如article、footer、header、nav、section 新的表单控件：如：calender、date、time、email、url、search 浏览器的支持：chrome、firefox以及Opera和IE9 开发工具： ...
学习来源:慕课网http://www.imooc.com/view/240 先看效果图↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ HTML结构 1 2 3 4 Shadow Effect 5 6 7 8 9 10 11 CSS样式(省略了各浏览器前缀) 1 /*通用类*/ 2 body { font-family: Arial; font-size: 20px;} 3 body,ul {margin: 0; padding: 0; list-style: none;} 4 .wrap {width:70%; he...
css指层叠样式表css样式表极大地提高了工作效率属性选择器selector{ property:value;}如h1{ color:red; front-size:14px;}选择器分组如h1,h2,h3{ color:red;}将h1,h2,h3的标签属性设置成相同的属性继承：如body{ color:red; }派生选择器:通过依据元素在其位置的上下文关系来定义样式id选择器：可以为有id的HTML元素指定特定的样式，以#来定义目前比较常用的方式是id选择器常常用于建立派生选择器如#在html中通过id属性来定义的标签...
1.HTML5概述 继html4和xhtml1.0后的超文本标记语言最新版本。最重要的三项技术：html5核心规范（标签元素），CSS3，JavaScript2008年发布，主要为了补全功能。特点：1.向下兼容；2。用户至上；3.化繁为简；4.无插件范式（flash插件）；5.访问通用性；6.引用语义；7.引入原生媒体支持；8.引入可编程内容；开发工具：sublime text3，Soda Dark3软件界面主题。 2.基本格式 //文档类型声明 //设置语言 ...
navbar升级 从Bootstrap 2到Bootstrap 3 1. .navbar-inner已从Bootstrap 3中去除。 2. 应变为 。 参考资料： CSS display:table属性用法解析 http://developer.51cto.com/art/201009/226678.htm Twitter Bootstrap 3 - Navbar not horizontal http://stackoverflow.com/questions/18191177/twitter-bootstrap-3-navbar-not-horizontal Bootstrap navbar http://getbootstrap.com/components/#navbar viewport 手机浏览器是...
如何插入样式表 插入样式表的方法有三种: 外部样式表 内部样式表 内联样式 外部样式表 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部： 浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。 外部样式表可以在任何文本编辑器中进行编辑。...
Web前端学习笔记：Bootstrap框架[转] 转自：