web
HZRun
这个作者很懒,什么都没留下…
展开
-
flex布局
认识flex布局flex是目前web开发中使用最多的布局方案 两个重要概念 开启了flex布局的元素叫flex container flex container 里面的直接子元素叫做flex items 通过display:flex或者display:inline-flex开启flex布局 flex container上的CSS属性:flex-flo...原创 2020-03-08 20:06:34 · 307 阅读 · 0 评论 -
CSS浮动总结
1. 基本介绍浮动属性可以让元素产生浮动效果,float的常用取值有:none:不浮动,默认值left:向左浮动right:向右浮动2. 浮动规则2.1 浮动规则一元素一旦浮动后:脱离标准流 朝着左(右)方向移动,直到自己的边界紧贴着包含块(一般是父元素)或者其他浮动元素的边界为止 定位元素会层叠在浮动元素上面 ...原创 2020-03-07 22:50:29 · 350 阅读 · 0 评论 -
CSS定位总结
定位(position)1. static:在标准流中,就算设置left,right,top,bottom也没有效果2. relative相对自己原来的位置移动left:20px 自己左边距离20px,元素占据空间不变,周围的static元素不受影响。 应用:把图片一直居中展示: 先把装图片的div(.box)设置为overflow:hidden ...原创 2020-03-07 17:05:10 · 256 阅读 · 0 评论 -
原生代码实现轮播图
我们经常在浏览网页的时候看到轮播图(比如csdn首页就有),感觉很神奇,哇,我也要做一个!但是觉得有点难,无从下手,只能先发发呆瞎点一下左右轮播键步骤:胖子不是一口吃成的,把一个复杂的问题进行切割就变成一个个简单的问题思路:看到美女,灵感就来了,在我们发呆的那10几秒钟好像发生了下面2件事: 1、我们鼠标点击了右边切换键 2、图片神奇地换成美女图虽然笔者的js水平一般,但还是可以敏锐地发现...原创 2018-05-26 14:47:36 · 4274 阅读 · 3 评论 -
html和css总结
HTML1、html的诞生:为了保存论文,所以html的标签与论文挺对应的,因此要注意标签的语义性2、关注标签的行内标签,还是块级标签3、HTML 不同于c,c++等,html是解释型语言(Declarative Programming)css1、常用样式2、选择器:class类选择器,ID选择器;div(block element),span(inline section)3、display:i...原创 2018-05-31 16:28:25 · 1497 阅读 · 0 评论 -
华为云下配置xampp
1. 购买华为云学生机,99一年。选的是ubunt16.04版本2. 登录上终端,可以用putty, ssh等方法3. 正式安装xampp3.1 更新数据源:sudo apt updatesudo apt upgrade3.2 下载xamppwget https://www.apachefriends.org/xampp-files/7.2.2/xampp-linux...原创 2019-03-22 11:17:57 · 426 阅读 · 0 评论 -
从零搭建腾讯云服务器
1. 使用putty或其他远程连接软件进行连接2. 服务器安装tomcat2.1安装java jdk8sudo apt-get updatesudo apt-get install openjdk-8-jdk输入 java -version看到java版本信息即为安装成功2.2 安装tomcat8sudo apt-get install tomcat8用servi...原创 2019-06-28 10:49:50 · 372 阅读 · 0 评论