HTML 和 CSS基础
- HTML基础
-
HTML简介:
HTML (HyperText Markup Language):超文本标记语言HTML 4.01——1999年12月24日,W3C推荐标准,常用标准 XHTML 1.0(可扩展超文本标记语言)——2000年底,W3C标准,一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。 HTML 5——2014年10月28日,W3C推荐标准,最新标准
-
HTML常用标签:
-
HTML 基本文档
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
可见文本...
</body>
</html>
-
HTML表单
表单用于搜集不同类型的用户输入,并将数据提交给服务器
表单用标签来创建,在开始和结束标签之间的属于表单的内容,单击提交按钮时,提交的也是表单范围内的内容。
重要属性
name:表单名称
method:提交数据的方式,可取值为GET和POST中的一个,GET是将表单内容附加在URL地址后面,长度不超过8192个字符。POST不会再浏览器地址栏中显示提交信息,数据长度没有限制。
action:表单内容提交到的处理程序url -
HTML5:新一代的HTML标准,新元素,新属性,完全支持 CSS3,Video 和 Audio,2D/3D 制图,本地存储,本地 SQL 数据, WEB应用 连接特性,服务器数据推送。
SVG 与 Canvas两者间的区别:
SVG 是一种使用 XML 描述 2D 图形的语言。Canvas 通过 JavaScript 来绘制 2D 图形。SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。可以为某个元素附加 JavaScript 事件处理器。在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。 Canvas 是逐像素进行渲染的。在 canvas 中, 一旦图形被绘制完成,它就不会继续得到浏览器的关注。如果其位置发生变化,那么整个场景也需要重新绘制,包括任何或许已被图形覆盖的对象。
CSS基础
- CSS简介
层叠样式表(Cascading Style Sheets)
当同一个 HTML 元素被不止一个样式定义时,优先级为:浏览器缺省设置<外部样式表<嵌入样式表<内联样式表 - CSS常用样式属性
背景属性
文本属性
字体属性 - CSS选择器
class类选择器
用于描述一组元素的样式,class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:
.center {text-align:center;}
Id选择器
为标有特定 id 的 HTML 元素指定特定的样式,唯一
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。如
#para {color:red;}
-
CSS定位
四种定位方法
Static 定位:HTML元素的默认值,即没有定位,元素出现在正常的流中。
Fixed 定位:元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动,Fixed定位使元素的位置与文档流无关。
Relative 定位:相对元素原本应在的文档流中的位置定位
Absolute 定位:绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于:Absolutely定位使元素的位置与文档流无关,因此不占据空间。 -
CSS3
CSS3 边框
CSS3 圆角
CSS3 渐变
CSS3 文本效果
CSS3 字体 -
常见CSS框架
Bootstrap
AdminLTE实例