基于http://www.ycku.com/xhtml/ 的视频教程的一些笔记 关于xhtml的解释 引用百度百科 可扩展超文本标记语言，是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。 从继承关系上讲，HTML是一种基于标准通用置标语言的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展标记语言，可扩展标记语言是标准通用置标语言的一个子集。XHTML 1.0在2000年1月26日成为W3C的推荐标准。 ...
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互...
一、引言 CSS能够为页面添加样式，增强和改进内容的外观。提供结构的是XHTML：每个元素都标明了内容中的一个不同部分，而属性则传达了关于元素的更多信息。CSS是影响这些XHTML元素的呈现外观的另外一层要素。颜色、字体、大小、背景以及页面上的布局都属于内容的表现方面的因素，都能通过巧妙运用CSS来加以控制。 二、CSS规则剖析 如果说元素和属性是xhtml文档的原料的话，那么CSS文档的原料就是“规则”。“规则”...
废话不多说，直接上例子！ 工具善其事，必先利其器 浏览器要有吧~ 比如：IE、Chrome、Firefox…… 纯文本编辑软件不可少~ 比如：最简单的记事本就可以了 打开记事本，输入以下示例代码： 1 2 3 4 5 背包客旅行札记 6 7 8 9 10 背包客旅行札记11 旅行是一种休息，而休息是为了走更长远的路12 13 14 15 ...
概述 HTML是将内容和内容显示形式结合在一起的语言，它对于内容显示形式的控制，主要是通过标签（元素）的属性，由于它对“内容显示形式”存在着很多的弊端，所以之后就出现了CSS，CSS就相当于HTML标签的属性。 HTML元素的形式 空元素。例： 带有属性的空元素。例： 带有内容的元素。例：http://blog.csdn.net/jiben2qingshan 带有内容和属性的元素。例：http://blog.csdn.net/jiben2qingshan ...
常见布局种类 一列布局 两列布局 三列布局 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是超文本标记语言。主要由文本和标记两部分构成。...