
网页编程
ECHO.CHAN
这个作者很懒,什么都没留下…
展开
-
前端学习(七):CSS4
浮动(float)传统网页布局的三种方式网页布局的本质——用 CSS 来摆放盒子。 把盒子摆放到相应位置。CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序):普通流(标准流)浮动定位标准流(普通流/文档流)所谓的标准流: 就是标签按照规定好默认方式排列。块级元素会独占一行,从上向下顺序排列。常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。常用元素:span、a、原创 2020-10-27 23:14:10 · 1028 阅读 · 1 评论 -
前端学习(六):CSS3
盒子模型页面布局要学习三大核心, 盒子模型, 浮动 和 定位. 学习好盒子模型能非常好的帮助我们布局页面。盒子模型(Box Model)组成所谓 盒子模型:就是把 HTML 页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。CSS 盒子模型本质上是一个盒子,封装周围的 HTML 元素,它包括:边框、外边距、内边距、和 实际内容。边框border可以设置元素的边框。边框有三部分组成:边框宽度(粗细) 边框样式 边框颜色。语法:border : border-width ||原创 2020-10-27 20:39:13 · 208 阅读 · 0 评论 -
前端学习(五):CSS2
复合选择器在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素(标签)复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等后代选择器后代选择器又称为包含选择器,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后原创 2020-10-26 20:36:08 · 246 阅读 · 0 评论 -
前端学习(四):CSS1
CSS 简介CSS 的主要使用场景就是美化网页,布局页面的.HTML 的局限性虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐……CSS 简介CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言。CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩,布原创 2020-10-25 23:28:00 · 175 阅读 · 0 评论 -
前端学习(三):HTML 标签2
表格标签表格的主要作用表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。表格的基本语法<table> <tr> <td>单元格内的文字</td> ... </tr>...</table><table> </table>是用于定义表格的标签。<tr原创 2020-10-25 20:36:06 · 425 阅读 · 0 评论 -
前端学习(二):HTML 标签1
HTML 语法规范基本语法概述HTML 标签是由尖括号包围的关键词,例如 。HTML 标签通常是成对出现的,例如 和 ,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。有些特殊的标签必须是单个标签(极少情况),例如 ,我们称为单标签。标签关系包含关系<head> <title> </title></head>并列关系<head> </head><body> &l原创 2020-10-25 16:38:00 · 408 阅读 · 0 评论 -
前端学习(一):HTML简介
网页什么是网页?网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以 .htm 或 .html 后缀结尾的文件,因此将其俗称为 HTML 文件。什么是 HTMLHTML 指的是超文本标记语言 (Hyper Text Markup Language) ,它是用来描述网页的一种语言。原创 2020-10-25 14:27:20 · 246 阅读 · 0 评论 -
CSS字体与文本属性(让单行文本垂直居中)
CSS字体属性CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。字体系列CSS 使用 font-family 属性定义文本的字体系列。如:p { font-family:"微软雅黑";}div {font-family: Arial,"Microsoft Yahei", "微软雅黑";}各种字体之间必须使用英文状态下的逗号隔开一般情况下,如果有空格隔开的多个单词组成的字体,加引号.尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示原创 2020-10-20 21:06:37 · 1257 阅读 · 0 评论 -
Javascript document对象常用的方法和属性
本文转自 https://www.cnblogs.com/shipengzhi/articles/2035304.html (跳动的兔子) 对象属性:document.title //设置文档标题等价于HTML的<title>标签document.bgColor //设置页面背景色document...转载 2019-01-09 20:44:16 · 1715 阅读 · 0 评论 -
HTML DOM Document 对象详解
本文转载于 https://segmentfault.com/a/1190000000660947 在浏览器中,与用户进行数据交换都是通过客户端的javascript代码来实现的,而完成这些交互工作大多数是document 对象及其部件进行的,因此document对象是一个比较重要的对象。document对象概述document对象是文档的根节点,w...转载 2019-01-09 20:38:43 · 1757 阅读 · 0 评论 -
window.event对象详细介绍
window.event对象详细介绍1、event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 2、属性:altKey, button, can...转载 2019-01-09 20:37:50 · 362 阅读 · 0 评论