常见布局种类 一列布局 两列布局 三列布局 CSS中的定位机制 网页简单布局之结构与表现的原则 CSS元素隐藏 CSS中清除浮动最优方法 DIVCSS规范命名集合 DIVCSS命名参考表 导入样式及脚本 传统方式 新规范 常见布局种类 一列布局 自上而下的,一般头部进行固定宽度,高度设置为自动 两列布局 自适应的两列布局：width用百分比+float； 固定宽度的两列布局：widt...
一、html基本概念梳理，要掌握的基本知识 1 什么是html（xhtml） 1）w3c组织和相关标准、xhtml的验证方法（是否符合w3c要求）； 2） xhtml文档的基本结构、xhtml1.0基本规范； 3）内容和表现分离的思想，html结构尽量语义化。 2 块级标签 1） 至 2） 3） 3 行级标签 1） 2） 4 常用标签组...
!! utf8_unicode_ci和utf8_general_ci 计算运行时间（性能） width: 100%的应用 nth-child和nth-of-type的区别 document.addEventListener offsettop的问题 在手机上测试网页遇到的问题 什么是Unicode,什么是UTF-8 手机屏幕分辨率和手机浏览器分辨率 !! ...
这是我根据自己的学习笔记整理的思维导图，WEB前端的知识很多，汇总来看会比较清晰。 主要学习来源：w3cschool、网易微专业、百度ife学院。 此随笔会随着我的学习笔记持续更新。
html是学习做网页的基础，漂亮的网页与布局就是由有些html代码组成，大家看完这篇文章就可以简单的了解html了，多写多练 如果你不致力于成为美工的话，那么作为开发人员，可以读懂HTML、必要时能进行简单修改即可。下面跟着我的思路，保证一篇文让你看懂HTML，当然，再看的过程中，最好自己动手试试，这样理解就更深了。Ok,下面开始：(下面的符号均为英文状态下输入) 1、 ht...
Bootstrap是一个基于栅格结构的前端结构框架（当然也有JS，JQuery）,它的优点是内容框架能够迅速搭建起来，基于媒介查询可以使搭建的页面迅速的适应不同的用户端，无论是手机，平板，还是PC,基本上都能自适应，当然新版本已经开始不支持IE6了，对IE8的支持也很有限，毕竟IE8对HTML5的支持不太好，（说实话，我自己也不喜欢IE6~8,对于我这种初级选手来说，兼容性有时候真费劲，不仅项目上要用，连面试也要用，有没有搞错嘛，遇到了，...
1.css基本样式讲解 1.1 css背景 background-attachment：背景图像是否固定或者随着页面的其余部分滚动 background-color：设置元素的背景颜色 background-image：把图片设置为背景 background-position：设置背景图片的起始位置 background-repeat：设置背景图片是否及如何重复 background-size：规定背景图片的尺寸 background-orgin：规定图片的定位区域 background-clip：规定背景的绘制区域 1.2 css文本 color ：文...
在现在 div 大行其道的时代，table 这个标签似乎很少被人提及，到处都是 div+css 布局的书以及博客文章，但其实 table 以及连带的其他表格标签依然在的网页排版中占很重要的地位，特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格布局能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是总没有表格来得方便。平时也经常接触到表格，现在总结一下表格的一些属性和样式，以及学习构思一些表格...
form用于提交文件需要修改其entype属性。 enctype属性：规定在发送表单数据之前如何对其进行编码。 默认情况，enctype的编码格式是application/x-www-form-urlencoded，不能用于文件上传； 需要文件上传时需要将编码方式修改为：multipart/form-data 以下是关于enctype属性的值介绍： application/x-www-form-urlencoded：[默认] 在发送前编码所有字符（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值） multi...
一.HTML(Hyper Text Markup Language超文本标记语言)是一种用来制作超文本文档的简单标记语言，HTML在正文的文本中编写各种标记，通过Web浏览器进行编译和执行才能正确显示。此篇文章主要介绍HTML文档基础和常用标记，此篇文章的内容框架如下，但是只先介绍HTML文档基础： 上图在HTML文档的常用标记中，少画了一个多媒体标记，请见谅！ 1.HTML文档基础： 1.1 HTML标记：HTML是超文本标记语言。主要由文本和标记两部分构成。...
css基础知识（一） 1、css样式： 加载css样式有以下四种： 1）、外部样式 2）、内部样式 3）、行内样式 4）、导入样式 这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。 h2 { color:#f00;}这种形式是内部样式表，它是以和结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面。 内部...
前言 先来回顾一下前几章节，我们都说了哪些内容： CSS Reset 历史 与 Normalize.css 介绍 Normalize.css 源码解读 Normalize-zh.css 出炉 围绕着CSS Reset这个话题我们已将讲了3章节，从中了解到CSS Reset的作用，Normalize.css的优势，以及它是如何帮我修复跨浏览器的兼容性问题的； 这一章节内容会弱化CSS Reset的主题，不是因为这章节与CSS Reset无关了，而是因为我们要基于它去扩展更多的内容，来帮助我们解决实际开发中...
1.HTML语言 是静态网页制作的基础，也是网页设计的入门语言。 2.CSS样式 层叠样试表，现在都以符合web标准的div+css构架为主流。 3.Javascript脚本 web脚本语言，用来控制网页元素的行为。 4.程序语言 包括PHP(比如：http://www.100sucai.com ) ,ASP,JSP等，用来开发动态的网站。 5.网页美工 图片处理，动画制作，能灵活运用photoshop,flash,fireworks等软件。 6.了解一些基本的服务器方面的技术。 网站除了这些...
我们知道，css3通过border-radius、animation、transform等“新”特性可以绘制很多精致的图形。比如腾讯企鹅Logo、超能陆战队中的大白机器人、太阳系、小黄人、叮当猫、安卓机器人、苹果图标等等。 这些图形看似实现起来挺复杂，但它们通常都是由矩形、圆形、椭圆、三角、梯形等基本图形组合而成的。所以我们先从基本图形入手，等熟悉之后，实现复杂图形就成为可能了。 首先从矩形开始，一个具有宽高属性的元素，设...
通达OA网络教学公开课开始了，有需要的小伙伴们抓住机会奥。8月29号晚8点不见不散。本次课程的主要内容是通达OA工作流设计课程中需要用到的Html部分学习。 版权声明：本文为博主原创文章，未经博主允许不得转载。