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 · 316 阅读 · 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 · 173 阅读 · 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 · 238 阅读 · 0 评论 -
前端的学习
#前端的学习 1:从今天开始,我就要进行## web前端开发##的学习了 2:前端:网页上为客户呈现的部分 前端开发:通过编写代码将一个效果图转换为浏览器可以识别解析的网页 3:主页(homepage)的文件名index 网站主题影响风格, 网页元素:站标,导航栏,文字超链接,广告横幅,表单 浏览器:解析网页源代码,渲染网页 4:前端技术的构成: 结构:HTLM (HTLM5) 样式:CSS ...原创 2019-12-18 18:44:56 · 76 阅读 · 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 · 490 阅读 · 0 评论 -
JS介绍
web发展史 Mosaic,是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器。于1993年问世。 伊利诺伊大学与马克.安德森一起研发的浏览器 马克.安德森和SGI公司创始人吉姆.克拉克创建Mosaic公司 然后伊利诺伊大学拥有Mosaic的商标权,且将技术卖给了Spy Glass公司,Spy Glass公司被微软收购,而后微软开发出IE浏览器 于是,马克安德森又重新撰写了浏览器程序码,并将...原创 2020-02-05 19:14:44 · 159 阅读 · 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 · 76 阅读 · 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 · 121 阅读 · 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 · 186 阅读 · 0 评论 -
CSS文本样式基本内容
CSS样式(1)文本 单位 px:像素 em:1em–1个字符 2em–2个字符 %:百分比 颜色 颜色名:red,blue,green RGB值: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 · 142 阅读 · 0 评论 -
CSS样式2 标签选择器及权重
CSS选择器 css选择器类型有六种,分别是 标签选择器 p 类别选择器 .one ID选择器 #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 · 376 阅读 · 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 · 142 阅读 · 0 评论 -
HTML常用标签
p标签 段落标签 h1-h6标签 标题标签,成段展示 strong标签 加粗 em标签 斜体 del标签 中划线标签 address 地址标签(斜体) div标签 span标签 <ul><li>无序列表标签 <ul><li>为父子结构 一个大的功能有很多功能子项来组成,每一个功能子项的功能和样式基本相同,只不过内容有一些小小的差异,这么多的功能子项组...原创 2020-01-28 17:57:11 · 113 阅读 · 0 评论 -
HTML2
#HTML基本标签 h1-h6表示标题的(每一级标题字号是不同的) p 表示段落(段内没有空格)( 空格字符) pre 表示预留格式 br 表示段内换行 span 表示行内分组 hr 表示水平线 :注释内容 制作超链接的标签 a 链接到本站点其他网页 新闻 链接到其他站点 百度 虚拟超链接 版块2//在一开始的时候,并没有要跳转的链接 图像格式 网页中常见的图像格式 JPG ...原创 2019-12-29 17:19:50 · 112 阅读 · 0 评论 -
HTML的学习1
##HTML HTML“超文本标记语言”,他是制作网页的标准语言(HTML不区分大小写) #标签 1.结束标签比开始标签多一个"/" 2.单独标签以“/”结束 3.标签嵌套:必须完全包含 4.注意缩进 5.标签内部可以带上属性,属性可以有多个,中间空格隔开(=为赋值符号,值用双引号包裹) #HTML文件结构 1.文件后缀为".htm"或".htlm" 2.头部:浏览器搜索引擎所需信息 3.主体:网...原创 2019-12-18 23:02:12 · 69 阅读 · 0 评论