上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 39 下一页
摘要: 颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1、英文命令颜色前面几个小节中经常用到的就是这种设置方法:p{color:red;}2、RGB颜色这个与 ... 阅读全文
posted @ 2018-11-22 14:20 strawqqhat 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 目录 水平居中设置-行内元素水平居中设置-定宽块状元素水平居中总结-不定宽块状元素方法(一)水平居中总结-不定宽块状元素方法(二)水平居中总结-不定宽块状元素方法(三)垂直居中-父元素高度确定的单行文本垂直居中-父元素高度确定的多行文本(方法一)垂直居中-父元素高度确... 阅读全文
posted @ 2018-11-22 14:19 strawqqhat 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 给定一个链表,返回链表开始入环的第一个节点。 如果链表无环,则返回 null。说明:不允许修改给定的链表。进阶:你是否可以不用额外空间解决此题?/** * Definition for singly-linked list. * class ListNode { * ... 阅读全文
posted @ 2018-11-22 14:19 strawqqhat 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 给定一个链表,判断链表中是否有环。进阶:你能否不使用额外空间解决此题?/** * Definition for singly-linked list. * class ListNode { * int val; * ListNode next; * ... 阅读全文
posted @ 2018-11-22 14:02 strawqqhat 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 目录盒模型代码简写颜色值缩写字体缩写盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10p... 阅读全文
posted @ 2018-11-21 22:37 strawqqhat 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 目录 css布局模型流动模型(一)流动模型(二)浮动模型什么是层模型?层模型--绝对定位层模型--相对定位层模型--固定定位Relative与Absolute组合使用css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。... 阅读全文
posted @ 2018-11-21 22:30 strawqqhat 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 目录 元素分类元素分类--块级元素元素分类--内联元素元素分类--内联块状元素盒模型--边框(一)盒模型--边框(二)盒模型--宽度和高度盒模型--填充盒模型--边界元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种... 阅读全文
posted @ 2018-11-21 22:22 strawqqhat 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 目录 文字排版--字体文字排版--字号、颜色文字排版--粗体文字排版--斜体文字排版--删除线段落排版--缩进段落排版--行间距(行高)段落排版--中文字间距、字母间距段落排版--对齐文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。... 阅读全文
posted @ 2018-11-21 22:14 strawqqhat 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 目录 继承特殊性层叠重要性继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元... 阅读全文
posted @ 2018-11-21 22:03 strawqqhat 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 目录 什么是选择器?标签选择器 类选择器ID选择器类和ID选择器的区别子选择器包含(后代)选择器伪类选择符分组选择符什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式... 阅读全文
posted @ 2018-11-21 21:57 strawqqhat 阅读(104) 评论(0) 推荐(0) 编辑
上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 39 下一页
#home h1{ font-size:45px; } body{ background-image: url("放你的背景图链接"); background-position: initial; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-origin: initial; background-clip: initial; height:100%; width:100%; } #home{ opacity:0.7; } .wall{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; } div#midground{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -1; -webkit-animation: cc 200s linear infinite; -moz-animation: cc 200s linear infinite; -o-animation: cc 200s linear infinite; animation: cc 200s linear infinite; } div#foreground{ background: url("https://i.postimg.cc/z3jZZD1B/foreground.png"); z-index: -2; -webkit-animation: cc 253s linear infinite; -o-animation: cc 253s linear infinite; -moz-animation: cc 253s linear infinite; animation: cc 253s linear infinite; } div#top{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -4; -webkit-animation: da 200s linear infinite; -o-animation: da 200s linear infinite; animation: da 200s linear infinite; } @-webkit-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-o-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-moz-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @keyframes cc { 0%{ background-position: 0 0; } 100%{ background-position: 600% 0; } } @keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-webkit-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-moz-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-ms-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } }