网页前端
lemon_wsm
穿过人山人海
展开
-
01网页前端HTML——超链接
一:语法格式:<a href="url" target="打开方式">链接标题</a>二:target属性: 属性值 说明 parent 当前窗口的上级窗口 blank 在新窗口打开 self 在同一窗口打开 top 在浏览器的整个窗口中打开 三:超链接的类型:1:内部链接:网站内部文件之间的链...原创 2018-07-31 12:01:28 · 999 阅读 · 0 评论 -
17网页前端CSS——属性转换与元素溢出
一:css属性转换:css属性块级元素和行内元素的转化display 属性规定元素应该生成的框的类型默认值:inline 此元素会被显示为内联元素 block 此元素将显示为块级元素 none 此元素不会被显示二:元素溢出overflow:属性进行滚动visible:默认值内容不会被修剪,会呈现在元素框之外hi...原创 2018-08-07 13:38:45 · 200 阅读 · 0 评论 -
11网页前端CSS——CSS颜色属性
一:color颜色属性1:HSL颜色:通过色调(H) 饱和度(s) 亮度(L) 三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色。 H:hue色调:0(或360)表示红色,120表示绿色,240表示蓝色,也可以取其他数值来指定。 S:saturation饱和度:取值为0.0%-100.0% L:lightness亮度:取值为0.0%-100...原创 2018-08-03 09:32:17 · 541 阅读 · 0 评论 -
12网页前端CSS——CSS字体属性
一:字体属性1:font-size:设置字体尺寸,字体大小2:font-family:设置文本的字体名称序列,一般字体引用可以不加引号,如果字体包含了空格,数字,或者符号则需加上引号,避免引发错误。 字体存放路径:C:\Windows\Fonts3:font-style:设置或检索对象中的文本字体样式 normal:指定文本字体样式为正常的字体 ital...原创 2018-08-03 10:38:39 · 388 阅读 · 0 评论 -
13网页前端CSS——CSS背景属性和文本属性
一:背景属性1: background-color: 背景颜色2: background-image 背景图片3: background-repeat 图片是否平铺 Repeat:平铺 No-repeat:不平铺 Repeat-x:按x轴平铺 Repeat-y:按y轴平铺4:background-position ...原创 2018-08-06 13:36:02 · 203 阅读 · 0 评论 -
18网页前端 javascript ——数据类型+隐式\强制转换
一:typeof 操作符用来检测变量的数据类型,对于值或变量使用typeof操作符会反还如下字符串undefined 描述(声明变量时并没有初始化) boolean 布尔值 string 字符串 number 数值 object 对象或null function 函数 二:javascript数据类型:1:undefined ...原创 2018-08-29 09:55:20 · 849 阅读 · 0 评论 -
19网页前端 javascript——函数、对象、数组、时间日期
一:函数 //函数: function box(name,age) { alert('name and age'+name+age); } box('zhangsan',18);二:创建对象//创建对象1:使用new的方式创建: var people =new Object(); people.name='zhangsan'; people.age=20;...原创 2018-08-29 14:13:48 · 516 阅读 · 1 评论 -
21网页前端javascript ——对象中的方法、BOM相关
一:数组对象中的方法<script> var ad=['zhangsan',20,'teacher']; alert(ad); alert(ad.join('|'));//将数组中的逗号 改成 | 表示 //-----------------栈方法(先进后出)------------------------------ alert(ad.push('180cm'...原创 2018-08-30 13:29:13 · 223 阅读 · 0 评论 -
10网页前端CSS——CSS选择器
1:优先级:内联式>嵌入式>外联式 当样式冲突时,就是采用就近原则。没有样式冲突时则采用叠加效果。一:CSS基础语法1:格式: 选择器{声明1,;声明2;声明3......}其中选择器也叫 选择符。2:这里的声明是以 “属性:值”的形式,而且多个声明之间用分号进行分割3:h1{color:red;font-size:14px}4:这里的h1就是选择器,当然这...原创 2018-08-02 14:13:07 · 228 阅读 · 0 评论 -
09网页前端CSS——概述
一:概述CSS是一种标记语言,不需要编译,直接由浏览器解释执行。在网页制作时,采用层叠样式表技术,可以有效的对页面的额布局,字体,颜色,背景和其他效果实现二:HTML中如何使用CSS样式1:内联式(InLine):应用内嵌样式到各自的网页元素就是在HTML 的标签中使用style属性来设置css格式:<html 标签 style=“属性:值;属性:值。。。。">被修饰的...原创 2018-08-02 11:09:44 · 305 阅读 · 0 评论 -
08网页前端HTML——HTML项目
一:提前创建好top.html left.html right.html<!doctype html><html><head><meta charset="utf-8"><title>HTML</title></head> <frameset row原创 2018-08-02 10:24:53 · 3239 阅读 · 0 评论 -
02网页前端HTML——列表
目录列表的介绍列表的形式 一:列表的介绍可以对网页进行很好的布局二:列表的形式1:排序列表:(ordered list) 有顺序的列表 ,列表面带个123或abc,标签为<ol></ol>,作用是在网页中显示一个有顺序的列表。2:不 排序列表 (unordered list)3:定义列表:(definition list)&l...原创 2018-07-31 12:59:12 · 446 阅读 · 0 评论 -
03网页前端HTML——页面标签
一:标题标签<h1>到<h6> :文字效果(加粗换行 字号 大小改变由大到小。二:文字标签设置字体样式的标签是<font></font>,主要是设置字体,字号,颜色等属性。html5中已经不支持<font>标记,可用css来代替。<br/>换行 <hr/>水平分割线<p&原创 2018-07-31 14:17:39 · 227 阅读 · 0 评论 -
04网页前端HTML——图片标签
一:图片标签格式:<img src="" url=""></img> 属性值 说明 src 图像地址 alt 添加图像代替文字 width/ height 设置图像宽度/高度 border title 设置图像边框 鼠标放在上面显示的文字 ...原创 2018-07-31 15:20:52 · 275 阅读 · 0 评论 -
05网页前端HTML——表格标签
一表格标签:标签 说明 <table> 表格标签 <tr> 行标记 <td> 单元格标记 <th> 表头标记 属性标签:属性名 说明 width 设置表格宽度 heigth 设置表格高度 bordercolor 设置表格边框颜色 bgcolor 背...原创 2018-07-31 16:25:59 · 537 阅读 · 0 评论 -
06网页前端HTML——Form表单属性
一:表单是HTML中重要的组成部分,是网页提供的一种交互式操作手段,主要用于采集和提交用户的输入信息。二:属性 说明 name 表单名称 method 表单发送方式 action 表单处理程序提交地址 enctype 表单编码方式 <!doctype html><html><head>&...原创 2018-07-31 17:01:34 · 1606 阅读 · 0 评论 -
07网页前端HTML——框架集+动态标签
一:框架集HTML框架集文档可在Web浏览器窗口中显示多个独立的可滚动区域,这些区域称为框架。框架集中每个框架在web浏览器窗口中它自己那部分区域内显示一个NTML文档。HTML<frameset>标签属性 值 描述 cols 定义框架集中列的数目和尺寸 rows 定义框架集中行的数目和尺寸 <!doctype...原创 2018-08-01 10:54:22 · 1058 阅读 · 0 评论 -
14网页前端CSS——CSS边框属性
一:边框属性1“;border 复合属性,如果使用该属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。border: 宽度 样式 颜色2:border-color:设置或检索对象的边框颜色 4个参数值:上 右 下 左 1个参数值:全部的四边 2个参数值:第一个:上下,第二个左 右。 3个参...原创 2018-08-06 14:25:10 · 1167 阅读 · 0 评论 -
15网页前端CSS——CSS定位属性 与浮动属性
一:定位属性1:position:定位方式:absolute(绝对定位) fixed(固定)(relative 定位参考,可对内部相对 absolute 定位) z-index:层叠顺序,值越大越在上方 top:检索或设置对象与其最近一个丁诶的父对象顶部相关的位置 right:检索或设置对象与其最近一个丁诶的父对象右部相关的位置 bottom:检...原创 2018-08-06 16:37:25 · 195 阅读 · 0 评论 -
16网页前端CSS——盒子模型
一:盒子模型1:内补白(内补丁)padding:检索或设置对象四边的内部边距,如padding:10px; padding:5px 10px;padding-top:检索或设置对象顶边的内部边距padding-left:检索或设置对象左边的内部边距padding-right:检索或设置对象右边的内部边距padding-bottom:检索或设置对象下边的内部边距2:外补白...翻译 2018-08-07 09:27:52 · 192 阅读 · 0 评论 -
22网页前端javascript——DOM、
一:DOM1:DOM的介绍:文档对象模型,针对html和xml文档的API应用程序接口。dom秒回了一个层次化的节点树,运行开发人员添加、移除、修改页面的某一部分。 2:查找元素:w3c 提供了比较方便简单的定位节点的方法和属性,以便我们快速的对节点进行操作。分别为:方法 说明 getElementById() 获取特定ID元素的节点 getElementB...原创 2018-08-30 16:16:11 · 262 阅读 · 1 评论