文章分类 - 前端日记
用来记录学习前端的笔迹
摘要:CSS 与 HTML 引入CSS的方法 嵌入式 通过<style>标记,来引入CSS样式。 语法格式:<style type = “text/css"></style> 提示:<style>中的CSS样式,只能给当前网页来使用。 同一个网页中,<style>标记可以多次出现。 <!DOCTYPE H
阅读全文
摘要:重要属性介绍 display属性 功能:规定网页元素如何显示的问题。 取值:none(隐藏)、block(以块元素显示)、inline(以行内元素显示) block:可以实现将行内元素转成块元素。 inline:可以实现将块元素转成行内元素。 <!DOCTYPE HTML> <html> <head
阅读全文
摘要:继承性和优先级 CSS继承性 CSS属性继承:外层元素的样式,会被内层元素进行继承。多个外层元素的样式,最终都会“叠加”到内层元素上。 实例: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/ht
阅读全文
摘要:各类属性 尺寸、字体及文本属性 CSS 尺寸属性 width:元素宽度,一定要加px单位。 height:元素高度。 CSS 字体属性 font-size:文字大小。如:font-size:14px; font-family:字体。如:font-family:微软雅黑; font-style:斜体,
阅读全文
摘要:基本知识 CSS 简介 CSS Cascading Style Sheets 层叠样式表。 CSS的主要目的:是给HTML标记添加各种各样的表现(格式、样式)。比如:文字样式、背景、文本样式、链接样式。 提示:CSS是给HTML标记加的样式;JS是给HTML标记加的行为。HTML标记是最先出现的。
阅读全文
摘要:其他 注释 写东西的时候,注释是一个非常好的习惯,可以方便自己和别人日后能够很快速的理解自己现在写的东西,便于维护 注释语句: <!--这是一段注释--> 实例: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" conten
阅读全文
摘要:表单3 表单文本区域 文本区域 语法格式: <textarea name = “名称" cols = “宽度" rows = “高度"></textarea> 常用属性 name:元素名称 cols:宽度,是指多少个字符宽。 Rows:高度,是指几行高。 注:<textarea>和</textare
阅读全文
摘要:表单2 表单中的单行文本域和密码域 单行文本域 语法格式: <input type = “text” 属性 = “值” /> 常用属性 name:文本框的名字。命名规则是:可以包含字母、数字、下划线,只能以字母开头。 type:表单元素的类型。 value:文本框中的值。 size:文本框的长度,以
阅读全文
摘要:表单简介 首先来看下几个门户网站的用户注册界面: 淘宝 百度: 这些都是表单的内容,也是一个网站的必备功能,接下来,我们来看表单的基础知识: 表单的概念 表单主要用来获取客户端用户数据(信息)的。如:注册表单、查询表单、登录表单等。 表单的工作原理 浏览有表单的网页,填写一些必要的信息,然后点击某个
阅读全文
摘要:HTML 常用标签3 超级链接 网站中随处可见超级链接的身影,打开百度新闻,任意点击一段话,就会打开新闻详情页,这全部都是超级链接: 超级链接 语法格式: <a 属性 = “值”>……</a> 注:<a>中不能再套<a>标记 常用属性 href:目标文件的地址URL,该URL可以是相对地址,也可以是
阅读全文
摘要:HTML 常用标签2 span 标签 对<em>、<strong>、<span>这三个标签进行一下总结: <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。 如果现在我们想把上一段诗中的朝代和作者设置
阅读全文
摘要:HTML 常用标签1 HTML 页面整体构成 用浏览器打开任意一个网页,右键选择查看网页源码,就可以看到网站的HTML代码,总结一下,整体结构如下图: body 标签 用法: <body>内容</body> <body> 的常用属性 bgColor:网页背景色。如: <body bgColor =
阅读全文
摘要:HTML 文件结构 首先以下是一个样例: <!DOCTYPE HTML> <html> <head> <title>ppqppl</title> </head> <body> 这里是存放网页内容的 </body> </html> HTML文件结构的说明: <!DOCTYPE HTML>:html5标
阅读全文
摘要:HTML 是什么? HTML 简介 HTML 英文全称是 Hyper Text Markup Language,中文译为“超文本标记语言”,专门用来设计和编辑网页。 使用 HTML 编写的文件称为“HTML 文档”,一般后缀为.html(也可以使用.htm,不过比较少见)。HTML 文档是一种纯文本
阅读全文
摘要:网站到底是什么 什么是网页 网页其实就是放在服务器上的一个文件,当我们浏览网页时,这个文件会被下载到我们本地的电脑,然后再由浏览器解析,渲染出各种漂亮的界面,比如表格、图片、标题、列表等。 网页文件的后缀有很多种,比如.html、.php、.jsp、.asp等,相信读者在浏览器的地址栏里也都见到过,
阅读全文