- 博客(17)
- 收藏
- 关注
原创 初识js
语言分为强类型和弱类型,解释型和编译型;强类型有java,python,c++;我们在电脑上写的代码,电脑一开始是不认识的又怎么去执行呢?这就需要们的编译器或解释器将代码编译成电脑能够识别的机器语言并去执行;是的我们电脑是不能直接去识别高级语言;强类型值得是我们在声明变量的时候我们必须要去指明这是什么变量类型的,弱类型的则是相反;编译型(c++,python)一次编译完成后面当我们在次想要运行的时候就不需要再编译了,但是如果说我们的这个程序得到了更新我们就得重新编译然后才能运行,就像我们玩的大型游戏
2020-07-22 15:58:30
121
原创 背景样式
RGB函数表示法RGB接受三个数值,每个数值分别代表红绿蓝的比例r red , g green , b blue每一种颜色的范围在0-255 ( 0% - 100%)之间语法: rgb(红色 , 绿色, 蓝色)255,255,0-纯黄 0,255,255 青色 255,0,255紫红色rgba()函数表示法----rgb的加强版就是在rgb的基础上增加了一个aa表示alpha是用于控制透明度的阿尔法通道,其中1表示完全不透明,0表示完全透明。也可以写百分比的参数.100%完全
2020-05-24 21:56:24
228
原创 遮罩
阿里图标顾名思义就是阿里巴巴开发的图标网站,免费为我们提供大量精美的图标的网站将图标以字体的形式加载到自己的网站上.这就是大企业的责任,要为社会提供有价值的东西,所以阿里图标是为中国开发者提供的便利性服务总结1.登录阿里巴巴矢量图标库2,购物(添加到购物车)3.添加到项目4.直接下载5.下载好的文件解压到你的项目中的iconfont文件里面6.点击.html文件查看演示阿里图标的强大之处在于我们挑选图标,我们生成项目,生成在线链接,直接用继承color:f
2020-05-23 23:31:39
315
原创 响应式
html5的定义狭义:HTML发展到了第五代版本,出现了很多新的功能标签,新的语义化标签广义:出现了新的开发体系,直播,玩游戏,各种功能,3dHTML5是一个完备的全新的网站开发的解决方案. canvas标签(画布)进行渲染式的开发,脱离了div盒子的浮动,定位等等.语义化标签:理论上任何标签的效果都可以用div实现,但是我们肯定是想让网站变得更好遵守语义化的特点.所谓语义化就是写出这个标签名字我们就知道这个标签的作用和存在的意义,更有利于seo搜索引擎的优化.语义化标签的优点
2020-05-23 23:30:22
161
原创 定位
定位(确定元素的位置)相对定位(position:relative)我们以前学过几种布局方式浮动 从左往右依次排列正常布局 从上往下依次排display:inline-block 看上去水平排列,本质上还是文本,有解析空格和垂直对齐的问题这些能解决掉布局的很多问题,但是对于某些特殊情况 ul{ border: 2px solid pink; } li{ width: 100px; height: 100px; background-color: s
2020-05-23 23:28:44
3006
原创 浮动
浮动普通流布局从上到下,从左往右;块级盒子独占一行 ul>li{ width: 100px; height: 100px; background-color: skyblue; margin: 10px 0; } <ul> <li>1</li> <li>2</li> <li>3</li> </ul>/*这就是普通流的布局,从上往下依次排列,普通流的流就像一
2020-05-14 23:35:06
149
原创 圆角样式
圆角样式长时间以来,圆角都是开发者最期盼的效果,很多网页设计的老手都投入几十甚至上百个小时,就是为了通过图片来实现可以可以缩放,同时由兼容各种游览器的圆角效果,现在并不用考虑那么多兼容问题也就ie8及ie8以前和opera mini不支持.况且圆角也只是锦上添花的效果,并没有对可用性构成实际影响,所以大家使用标准属性即可.网页的排版,布局内容设置都是矩形,我们圆角只是隐藏了四周的角而已.不具有继承性.矩形是作为网页布局一个核心的元素,以前手机塞班系统logo按钮都是矩形然后到ios很多圆角
2020-05-14 23:34:27
442
原创 背景样式
背景颜色–漂亮的盒子背景顾名思义就是背后的景物.英文就为background.我们的家里的墙壁刚装修时候是不是白色的墙壁.我们的块级盒子例如div刚创建的时候就相当于一面白色透明墙壁.如果想让这个盒子的背景更加的美观.那我们当一个装修工人,让它背景更加更加丰富把.颜色表示方法关键字表示法RGB函数表示法RGB是光学三原色,R为红色,G为绿色,B是蓝色,我们小时候玩调色盘记不记得颜色相互混合可以得到很多颜色呢?我们用RGB红绿蓝可以组合世界上万色.RGB接受三个数值,每个数值分别代
2020-05-14 23:33:53
218
原创 显示样式
显示类型转换页面中的所有内容都可以看成块和文字我们去写一个盒子 div{ width: 100px; height: 100px; background-color: skyblue; } <div></div>/*这个盒子能设置宽度,高度和背景颜色. 这时我们去写上文字的时候会发现.*/ 我要忘了你的样子 <div></div> 我要忘了你的样子 /*无论文字是写在盒子前面还是后面. 都可以发现盒子不
2020-05-14 23:33:12
206
原创 行内盒模型
行内盒模型行内元素具有盒子模型吗行内元素同样具有盒子模型。行内元素的属性设置行内元素的上下内边距和外边距属性设置是无效的行内元素的左右外边距和内边距属性设置是有效的行内元素的padding-top、padding-bottom从显示的效果上是增加的但其实设置的是无效的。并不会对他周围的元素产生任何影响。字体大小(font-size)font-size实际上设置的是字体的高度, 原因很简单为了保证CSS的视觉效果,几乎所有游览器的font-size默认大小都是16像素,除非用户去修
2020-05-14 23:32:15
326
原创 盒模型
盒模型要在文档首部加了doctype声明,即使用了标准盒模型,而不加,则会由浏览器自己决定内容区(width和height)width和height属性用来设置内容区域的宽和高,也就是元素可渲染内容区的宽高.height属性在默认情况下由内容撑开,也就是随内容多少的变化而变化。内容默认左上角原点开始排列.width:500px; 默认宽度是父级宽度100%height:500px; 默认高度内容撑开 .box{ width: 400px;
2020-05-14 23:31:15
211
原创 层叠样式表2
CSS( Cascading Style Sheets )---- 元素的显示方式层叠样式表层叠:相同的样式名的不同值作用到同一元素的时候,会有样式被覆盖.样式生效会有先后重要的顺序.根据样式优先级,如果优先级一样,后写会覆盖先写的.样式表:元素视觉表现的集合,样式是依附HTML而存在的注意: 网页实际上是一个多层的结构,通过css可以分别为网页的每一个层来设置样式,最终我们看到的也只是网页最上面的一层.最小影响法则当我们创建一个标签之后,高度为0px,无色无味透明.单位
2020-05-14 23:29:41
85
原创 css层叠样式
CSS( Cascading Style Sheets )---- 元素的显示方式层叠样式表贝塞尔曲线:https://cubic-bezier.com层叠:相同的样式的不同值作用到同一元素的时候,会有样式被覆盖.样式生效会有先后重要的顺序.根据样式优先级,如果优先级一样,后写会覆盖先写的.样式表:元素视觉表现的集合.例如我们看到的宽高背景颜色等等样式是依附HTML而存在的,如果没有标签,样式将毫无意义.最小影响法则当我们创建一个标签之后,高度为0px,无色无味透明.怎么想?你不可能
2020-05-14 23:28:37
122
原创 基本标签
基本标签怎么写标签?标签是由:小于号+中间字符+大于号组成的代码(注意:代码里所有字符都由英文字符组成)标签的格式单标签 (单身标签)双标签(情侣标签)如果有/(斜杠)的为该标签的结束标签,没有的就为开始标签.标签即元素,元素即标签.注释标签用法:代码的作用,含义,意图写在四个减号中间,内容不会被浏览器解析;让别人更能明白这段代码你写的是什么内容,有什么作用!DOCTYPE html 定义html5的文档类型!表示着重声明,专业术语称为DTD,这是一条指令,告诉
2020-05-14 23:27:42
757
原创 grid布局
gridFlex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局gird很强大采用网格布局的区域,称为"容器"(container)。容器内部子元素,称为"项目"(item)。 <section> <div> <p></p> </div> &l
2020-05-14 23:26:39
200
原创 样式书写也是有顺序的
样式还有书写顺序?样式还有书写顺序?样式这么简单的东西,不是随便写写就行的么。很多初学者,甚至有一定工作经验的人都会发出这种疑问。而样式的书写顺序到底对页面有没有影响呢?答案是肯定的。如何写出好的css样式也是一个优秀的开发者必须要知道的!而且应该养成习惯,融入到开发中!好的习惯不是一点养成的。为什么要注意书写顺序?减少浏览器reflow(回流),提升浏览器渲染dom的性能①:解析html构建dom树,解析css构建css树:将html解析成树形的数据结构,将css解析成树形的数据结构②:
2020-05-14 23:25:42
142
原创 前端代码命名规范小知识
标题: title摘要: summary箭头: arrow商标: label网站标志: logo转角/圆角: corner横幅广告: banner子菜单: subMenu搜索: search搜索框: searchBox登录: login登录条:loginbar工具条: toolbar下拉: drop标签页: tab当前的: current列表: list滚动: scroll服务: service提示信息: msg热点:hot新闻: news小技巧: tips下载
2020-05-14 23:18:55
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人