web 前端
关注
分享
扫一扫
web前端的相关笔记整理
倾听彼岸
一个学习编程的小菜鸡
展开
-
简易版奥运五环
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2020-01-30 18:27:35 · 403 阅读 · 0 评论 -
淘宝静态页面编写时收获
1、小图标的引入favicon.ico必须与index.html放在同一个文件内link rel="icon" href="favicon.ico"2、图标ico格式可以在http://www.bitbug.net/中进行转化3、设置基础路径，即默认链接地址<base target="_blank">herf和target中的一个4、CSS部分的@规则常用的@规则@...原创 2020-02-04 20:10:55 · 215 阅读 · 0 评论 -
JS函数与闭包问题
函数1、定义1.1函数声明 function test(){ }1.2函数表达式 1.2.1.命名函数表达式 var test = function abc(){ document.write('a'); } 1.2.2.匿名函数表达式------函数表达式 ...原创 2020-02-18 11:49:53 · 272 阅读 · 0 评论 -
前端的学习
#前端的学习1：从今天开始，我就要进行## web前端开发##的学习了2：前端：网页上为客户呈现的部分前端开发：通过编写代码将一个效果图转换为浏览器可以识别解析的网页3：主页（homepage）的文件名index网站主题影响风格，网页元素：站标，导航栏，文字超链接，广告横幅，表单浏览器：解析网页源代码，渲染网页4：前端技术的构成：结构：HTLM (HTLM5)样式：CSS ...原创 2019-12-18 18:44:56 · 112 阅读 · 0 评论 -
JS基本语法
1、js基本语法变量变量声明例如：var a=100先申请再赋值也可以 var a = 10,必须，隔开b = 10，c；可以赋值可以不赋值，但是一定要换行，最后分号结尾。声明、赋值分解单一var命名规则1.变量名必须以英文名、_、开头2.变量名可以包括英文字母、、开头 2.变量名可以包括英文字母、_、开头2.变量名可以包括英文字母、、、数字3....原创 2020-02-07 21:13:01 · 580 阅读 · 0 评论 -
JS介绍
web发展史Mosaic，是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器。于1993年问世。伊利诺伊大学与马克.安德森一起研发的浏览器马克.安德森和SGI公司创始人吉姆.克拉克创建Mosaic公司然后伊利诺伊大学拥有Mosaic的商标权，且将技术卖给了Spy Glass公司，Spy Glass公司被微软收购，而后微软开发出IE浏览器于是，马克安德森又重新撰写了浏览器程序码，并将...原创 2020-02-05 19:14:44 · 204 阅读 · 0 评论 -
CSS的样式3杂
CSS的一些基础属性CSS字体的一些属性div{ font-size: 50px;/*设置的是字体的高 */ font-weight: bold;/*加粗，strong中自带这个属性*/ /* font: lighter normal bold=600 bolder;四种粗细 */ font-style: italic;/*斜体，即em的样式 */ font-fa...原创 2020-01-29 22:34:41 · 115 阅读 · 0 评论 -
CSS3部分内容
5CSS3：新特性浏览器支持5.1圆角边框与阴影5.1.1圆角边框border-radius属性border-top-left-radius左上角border-top-right-radius右上角border-bottom-left-radius左下角border-bottom-right-radius右下角例如：border-top-left-radius:40px 20p...原创 2020-01-27 12:55:56 · 159 阅读 · 1 评论 -
CSS定位与布局
4.1盒子模型4.1.1概念：container：容器header：页眉navbar：导航条main：主要内容menu：菜单content：主要内容sidebar：边条footer：页脚4.1.2组成：4.1.2.1内容content：margin属性:(外边距)顺序:top right bottom left (第二个值设置为auto，表示居中)padding属性:(...原创 2020-01-22 21:57:15 · 241 阅读 · 0 评论 -
CSS文本样式基本内容
CSS样式（1）文本单位px:像素em:1em–1个字符2em–2个字符%:百分比颜色颜色名：red,blue,greenRGB值:rgb(x,x,x)每个颜色分量取值0-255红色rgb（255，0，0）灰色rgb（66，66，66）RGB百分比值：rgb(x%,x%,x%)0%-100%红色：rgb（100%,0%,0%）rgba(x,x,x,x)：rgb值，透明...原创 2020-01-29 13:34:35 · 177 阅读 · 0 评论 -
CSS样式2 标签选择器及权重
CSS选择器css选择器类型有六种，分别是标签选择器 p类别选择器 .oneID选择器 #left嵌套声明 p span集体声明 p.hl全局声明 *标签选择器<style type="text/css"> body{background-color: #css; text-align:center; font-size:12p...原创 2020-01-04 10:35:56 · 462 阅读 · 0 评论 -
CSS样式1
CSS概述CSS概述CSS:Cascading Style Sheets层叠样式表目的：使内容与样式相分离，便于修改样式CSS语法p{ font-size:12px;/*字号/ color:blue;/*文字颜色/ font-weight:bold;/*加粗/ }p 为选择器冒号前面部分为属性名，后面为属性值注意1.最后一条声明可以没有分号，但是为了以后方便修改，一般也加...原创 2019-12-29 23:49:19 · 202 阅读 · 0 评论 -
HTML常用标签
p标签段落标签h1-h6标签标题标签，成段展示strong标签加粗em标签斜体del标签中划线标签address地址标签（斜体）div标签span标签<ul><li>无序列表标签<ul><li>为父子结构一个大的功能有很多功能子项来组成，每一个功能子项的功能和样式基本相同，只不过内容有一些小小的差异，这么多的功能子项组...原创 2020-01-28 17:57:11 · 144 阅读 · 0 评论 -
HTML2
#HTML基本标签h1-h6表示标题的（每一级标题字号是不同的）p 表示段落(段内没有空格)（ 空格字符）pre 表示预留格式br 表示段内换行span 表示行内分组hr 表示水平线：注释内容制作超链接的标签 a链接到本站点其他网页新闻链接到其他站点百度虚拟超链接版块2//在一开始的时候，并没有要跳转的链接图像格式网页中常见的图像格式JPG ...原创 2019-12-29 17:19:50 · 188 阅读 · 0 评论 -
HTML的学习1
##HTMLHTML“超文本标记语言”，他是制作网页的标准语言（HTML不区分大小写）#标签1.结束标签比开始标签多一个"/"2.单独标签以“/”结束3.标签嵌套：必须完全包含4.注意缩进5.标签内部可以带上属性，属性可以有多个，中间空格隔开（=为赋值符号，值用双引号包裹）#HTML文件结构1.文件后缀为".htm"或".htlm"2.头部：浏览器搜索引擎所需信息3.主体：网...原创 2019-12-18 23:02:12 · 99 阅读 · 0 评论