HTML 和 CSS基础大纲重点

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实例

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值