自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 transition 图片放大+遮罩层文字

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="transi.

2020-06-23 10:04:20 334

原创 transition鼠标移入图片从底部浮现文字的效果

html框架:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" hre

2020-06-22 09:52:22 963

原创 再来一篇定位

定位元素的定位属性元素的定位属性主要包括定位模式和边偏移两个部分1、边偏移2、定位模式在CSS中 position 属性用于定义元素的定位模式 其基本语法格式如下 :选择器 { position: 属性值; }position属性的常用值静态定位(static)在静态定位状态下 无法通过边偏移属性(top、bottom、left或right)来改变元素的位置ps: 静态定位 对于边偏移是无效的 一般他用来清除定位 一个原来有定位的盒子 不想加定位了 就用 position:stati.

2020-06-11 17:47:42 279

原创 补一下之前的笔记

content宽度和高度/* 外盒尺寸计算(元素空间尺寸) */Element 空间高度 = content height + padding + border + marginElement 空间宽度 = content width + padding + border + margin/* 内盒尺寸计算(元素大小) */Element Height = content height + padding + border (Height为内容高度)Element Width = content

2020-06-11 17:18:57 174

原创 6.3日竟然被拉黑了,人生头一次,不过学的东西日渐复杂,也没时间给我伤感了

CSS三大特性:层叠 继承 优先级层叠性:一个属性通过两个相同的选择器设置到同一个元素上,这时一个属性就会将另一个属性层叠掉继承性:子标签会继承父标签的某些样式,如文本颜色和字号,想要设置一个可继承的属性,只需将他应用于父元素即可(text-,font-,line-,color属性)优先级:通过CSS特性或非凡性计算CSS权重,这是衡量CSS值优先级的标准Specificity用一个四位的数来表示,值从左到右,左边最大,一级大于一级,数位之间没有进级,级别之间不可超越继承或*的贡献值 ...

2020-06-04 09:03:16 159

原创 6.2 我只想睡一个自然醒的觉

属性选择器**选择器 **含义E[attr]**** 存在attr属性即可E[attr=val]**** 存在attr属性即可E[attr*=val]**** 存在attr属性即可E[attr^=val]**** 存在attr属性即可E[attr$=val]**** 存在attr属性即可伪元素选择器1. E:...

2020-06-03 09:28:49 180

原创 6.1儿童节,继续学习

结构(位置)伪类选择器(css3):first-child 选取属于其父元素的首个子元素指定选择器:last-child 选取属于其父元素的最后一个子元素的指定选择器:nth-child(n) 匹配属于其父元素的第n个子元素,不论:nth-last-child(n) 选择器匹配属于其元素的第n个子元素的每个元素,不论元素类型,从最后一个子元素开始计数n可以是数字、关键词或公式css外观属性color:文本颜色1、预定义的颜色值,如 red green blue等2、十六进制,如#FF00

2020-06-01 23:32:59 166

原创 终于开始CSS了,终于可以不无聊了

css(层叠样式表)选择器{属性:属性值;属性:属性值;} 标点都是英文状态下css字体样式属性font-size:字号大小相对长度单位 说明em 相对于当前对象内文本的字体尺寸px 像素,最常用,推荐使用绝对长度单位 说明 in 英寸cm 厘米mm ...

2020-05-30 09:01:16 244 7

原创 学习前端的第二天,感觉良好

列表标签把。。。制成表,以表来显示,整洁、有序无序列表(ul)<ul> <li>列表</li> <li>列表</li> <li>列表</li> <li>列表</li> ......</ul>如:新闻就是没有顺序的有序列表(ol)如:奥运会奖牌排名各列表项按一定顺序排列定义<ol> <li>第一</li> ...

2020-05-28 14:34:44 155

原创 5.25 励志成为一只前端程序猿的第一天

<!DOCTYPE html><html> <head> <title>Document</title> </head> <body> 有奥力给 有指 <strong>有奥力给 有指</strong> </body>&...

2020-05-28 14:33:18 240

原创 5.27 学前端的第三天,基础知识真的很无聊

表头标签表头一般位于表格的第一行或第一列 其中文本加粗居中用法:用表头标签<th></th>替代相应的单元格标签<td></td><thead></thead>: 用于定义表格的头部必须位于<table></table>标签中,一般包含网页的 Logo 和导航等头部信息<tbody></tbody>: 用于定义表格的主体位于<table></table&g.

2020-05-27 17:58:37 272 1

原创 学习前端的第二天,感觉依旧良好

列表标签把。。。制成表,以表来显示,整洁、有序无序列表(ul) 列表 列表 列表 列表 ......如:新闻就是没有顺序的有序列表(ol)如:奥运会奖牌排名各列表项按一定顺序排列定义 第一 第二 第三 第四 ......中只能嵌套中可容纳任何元素自定义列表(dl)对术语或名词进行解释和描述 名词一 名词一解释一 名词一解释二 ... 名词二 名词二解释一 名词二解释二 ...快捷键ul>li*8(

2020-05-26 17:52:19 201

原创 2020.5.25作为一只前端程序猿的第一天

html超文本标签语言包含:文本、图片、链接、音频、视频五大浏览器and内核Trident(IE内核)、Gecko(火狐)、webkit(苹果Safari)、Chromium/Blink(谷歌)、Presto(Opera)web标准好处:1.让web发展前景 美好 宽广广阔 2.内容能被更广泛的设备访问 3.更容易被搜索引擎搜索 4.降低流量费用 5.提高页面速度 6.利于网站维护结构标准:对网页元素进行整理和分类 html样式标准:网页元素的版本、颜色、大小等外观样式

2020-05-25 19:50:29 218

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除