css-html-jsp-xml学习笔记
【CSS】 CSS,全称Cascading Style Sheets,是一种样式表语言,用于定义HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。CSS描述了如何在媒体(如屏幕、打印机)上展示元素。通过CSS,你可以控制网页的布局,包括颜色、字体、大小、间距、排列方式等。 1. 选择器:CSS的核心是选择器,通过选择器我们可以定位到HTML中的特定元素。例如,`#id`选择器用于选取ID为指定值的元素,`.class`选择器用于选取具有指定类名的元素,`tag`选择器则选取特定的HTML标签。 2. 属性与值:选择器后接花括号内的属性和值,如`color:red;`设置文本颜色为红色,`font-size:16px;`设置字体大小为16像素。 3. 层叠规则:CSS的“层叠”特性意味着多个样式可以应用于同一元素,浏览器会根据优先级来决定采用哪个样式。 4. 媒体查询:使用@media规则,可以实现响应式设计,让页面在不同设备或屏幕尺寸下显示不同样式。 5. 盒模型:CSS盒模型包括元素的内容、内边距、边框和外边距,理解盒模型有助于精确布局。 6. Flexbox和Grid布局:现代CSS提供了Flexbox(弹性盒子)和Grid(网格布局)来更方便地创建复杂的页面布局。 【HTML】 HTML,HyperText Markup Language,是用于创建网页的标准标记语言。它由一系列元素组成,这些元素以开始标签和结束标签包裹内容。 1. 元素与属性:HTML元素由标签定义,如`<p>`表示段落,`<a>`表示超链接。元素可以有属性,如`<a href="url">`的`href`属性定义链接地址。 2. 结构标签:`<head>`、`<body>`、`<header>`、`<nav>`、`<main>`、`<section>`、`<article>`、`<aside>`和`<footer>`等标签帮助构建网页的结构。 3. 内联元素与块级元素:内联元素(如`<span>`、`<a>`)不占据整行,而块级元素(如`<div>`、`<p>`)独占一行。 4. 表单元素:HTML提供`<form>`、`<input>`、`<textarea>`、`<select>`等元素用于创建交互式表单。 5. 图像和链接:`<img>`标签插入图片,`<a>`标签创建链接,可以指向其他网页或资源。 6. HTML5新特性:包括离线存储、拖放功能、音频/视频支持、新的表单元素和API等。 【JSP】 JavaServer Pages (JSP) 是一种动态网页技术,它允许开发者将Java代码嵌入到HTML页面中,以处理服务器端逻辑。 1. JSP元素:包括指令(如`<%@ page %>`, `<%@ include %>`, `<%@ taglib %>`)、脚本元素(`<%! %>`、`<%= %>`、`<% %>`)和动作标签(如`<jsp:include>`, `<jsp:forward>`)。 2. 模板文本和脚本元素:模板文本是静态HTML,脚本元素用于插入Java代码,`<%= %>`用于输出变量或表达式的值。 3. JSP内置对象:包括request、response、session、application、out、pageContext等,它们提供了访问HTTP请求、响应、会话和应用级别的数据的方法。 4. JSP生命周期:包括翻译、初始化、服务和销毁四个阶段,开发者可以通过声明、实例化、初始化、服务和销毁方法进行操作。 5. JSP标签库:使用自定义标签可以提高代码可读性和重用性,如JSTL(JavaServer Pages Standard Tag Library)提供了核心标签和SQL标签。 【XML】 XML,eXtensible Markup Language,是一种标记语言,用于存储和传输数据。 1. XML语法:XML文档必须有严格的结构,包括文档类型定义(DTD)或XML Schema来验证其结构。元素需要成对出现,属性值需用引号包围,且区分大小写。 2. 树形结构:XML文档可以视为一棵树,根元素包含其他元素,元素可以有子元素,形成层级关系。 3. 名空间:XML名空间用于避免元素和属性名称冲突,通过前缀和URI(统一资源标识符)来定义。 4. XSLT转换:XSLT用于将XML转换为其他格式,如HTML或PDF,通过匹配模式和模板规则来定义转换逻辑。 5. XPath:XPath是XML路径语言,用于选取XML文档中的节点,可以用来导航、查找和操作XML数据。 6. DOM和SAX解析:DOM(文档对象模型)解析器将整个XML文档加载到内存中,方便遍历和修改;SAX(简单API for XML)是事件驱动的解析器,适用于大文件或内存受限的情况。 这些笔记涵盖了Web开发的基础知识,适合初学者入门,通过学习和实践,可以逐步掌握创建动态、响应式和数据驱动的网页应用。
- 1
- 2
- 3
- 4
- 5
- 6
- 粉丝: 0
- 资源: 3
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助