CSS学习摘要-定位
注:全文摘自MDN-CSS定位
定位允许您从正常的文档流布局中取出元素,并使它们具有不同的行为,例如放在另一个元素的上面,或者始终保持在浏览器视窗内的同一位置。 本文解释的是定位(position)的各种不同值,以及如何使用它们。
文档流
定位是一个相当复杂的话题,所以我们深入
CSS书写顺序
1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color-
CSS学习摘要-定位实例
注:全文摘自MDN-CSS定位实例
列表消息盒子
我们研究的第一个例子是一个经典的选项卡消息框,你想用一块小区域包括大量信息时,一个非常常用的特征。这包括含有大信息量的应用,比如策略战争游戏,比如从移动版的网页,屏幕狭小、空间有限;比如你可能想要放置许多信息的紧凑消息框,不
【注:以下内容参考https://blog.csdn.net/stilling2006/article/details/54376743】
一、认识Sublime text
1、一款跨平台代码编辑器,在Linux、OSX和Windows下均可使用;
2、可扩展,包含大量实用插件,可以通过安装自己领域
转自mdn学习网站-什么是JavaScript
什么是JavaScript?
欢迎来到 MDN JavaScript 初学者的课程! 在第一篇文章中,我们将会站在一定的高度来俯看 JavaScript,回答一些像“它是什么?”和“它能做什么?”的问题 。并确保你熟悉 JavaScript 的用途。
比如 top、left、transform属性的translate方法,他们的百分比都是相较谁而言的?
top、left是基于父元素的:
.parent {
position: relative;
background-color: rgb(243, 225, 225);
h
1.Flexbox布局:
display:flex;
justify-content:center;
align-items:center;
width:100%;
2.Bootstrap栅格布局
一共12格,分成3块,每块占4列。居中的内容写在中间的那一块。
3.圣杯/双飞翼(水平自适应居中的基础
css代码添加背景图片常用代码
1 背景颜色 { font-size: 16px; content: ""; display: block; width: 700px; height: 0px; margin: 20px 0px;"> 2 背景图片 {background-image
HTML 是文本标记语言(Hyper Text Mark-up Language)
Html文件的扩展名一般为.html或者.htm
Html内的标签一般是成对出现,有开始就有结束
第一个标签:<html>所有网页内容都是放在html标签内</html> html标签是网页是
什么是假链接?
就是点击之后不会跳转的链接我们称之为假链接。
假链接存在的意义?
在企业开发前期,其他界面都没有写出来,那么,我们就不知道应该跳转到什么地方,所以就只能使用假链接来代替,当项目后期其其它界面都已经完成时再将假链接替换回真链接。
假链接格式?
#
javascript:
两者之间的区别
什么是a标签?
我们打开百度或者淘宝网页,观察任何一个超链接都会发现它有如下特质:
有下划线
移上去有小手指
可以点击
a标签的作用:就是用于控制页面与页面之间跳转的
a标签的格式:<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>
a标签有一个叫做
br标签,如何在html中换行,可以使用br标签
1.br标签的作用:换行
2.br标签的格式:<br>
3.br标签的注意点:
3.1多个br标签可以连续使用,使用了多个br标签就会换多少行
3.2由于HTML的作用就是用来给文本添加语义,而br标签的语义是不另起一个段落换行,而在企业
如何在webstorm中利用快捷键创建一个新的html的文件?
同时按下键盘上的ctrl+alt+insert(windows)
同时按下键盘上的ctrl+alt+n(os)
h标签系列(header1~header6)
作用:用于给文本添加标题语义
格式:<h1>xxxxx</h
HTTP
HTTP 1.X
HTTP是建立在TCP协议上的,HTTP协议的瓶颈及优化都是基于TCP协议本身的特性。
TCP建立连接时有三次握手 会有1.5RTT的延迟,为了避免每次请求都经历握手待来的延迟,应用层会选择不同策略的http长连接。
HTTP 1.0 连接不能复用以及有head of l
JavaScript
第 一 部 分
一.定义
注意项
我们知道,如果想要两个 div(即块级元素)挨着一起排列,可以将其设置为inline-block(行内-块元素)。
不过要注意两个div内的内容的对齐方式将是垂直中间对齐,所以这时候就需要使用float浮动。
使用float的时候有个问题:当一个元素盒子被浮动后,下面的元素会自动堆叠处理,导
什么是 HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标
方法
在全局样式,即app.scss里添加样式:
::-webkit-scrollbar {
display: none !important;
}
今天在用ionic2 的ionic resources生成新的icon和splash,生成后安装,应用图标和启动画面依然没变化。。。
不知道大家有没有被坑过,今天被坑了一下午,终于找到了办法:
解决方法
第一次使用ionic resources后根文件夹下会生成一个res文件夹,比如你的项目文件夹名
单身狗的清明小长假只能跟电脑过,闲来无事趁着假期做一个个人网站Demo,同时这是本人的第一篇博客,作为Web前端小白技术粗糙,希望哪里有待提高的大佬们多多指出,拜谢!!!
正文开始,紧张加激动.jpg,哈哈……
首先先看一下效果图……(有点low……)
1.首页
2.My Resume页面(第一个