自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 HTML5精灵图、渐变及放射渐变

实现原理:将多张图片整合在一起,然后一次性引入到网站中,减少网络请求,以提高网站的性能实现步骤:1、先确定好你要使用哪个图片或者图标2、测量图片的大小 例如:290*3003、根据测量的结果去建一个盒子,对外展示4、将图片作为背景图引入到盒子中5、设置图片的位置,以正确的显示图片background-position:水平方向 垂直方向值;水平方向:正值 图片向右,负值 图片向左垂直方向:正值 图片向下,负值 图片向上。

2022-12-01 12:46:17 678 1

原创 HTML5背景图片的插入、修改及其相关的特点

HTML5背景图片的插入、修改及其相关的特点;background-color\background-repeatbackground-image\background-position\background-origin\background-sizebackground-clip

2022-11-30 19:52:24 3502

原创 HTML5图标字体、层级及轮播图

图标字体(iconfont)网页中会有很多小的图片,例如,购物车,小箭头,定位等,这些内容可以直接用图片代替,但图片一般都是比较大的,而且修改起来也不方便所以可以直接使用图标字体,把它们就当成字体,可以用字体相关的样式,去修改图标字体,例如可以改变大小,颜色。图标字体在一些大的框架系统里,或者一些大的网站,很多大牛都已经归纳好,那我们直接使用即可,使用的方式方法大同小异。目前只要掌握一到两个网站即可阿里巴巴矢量图标库 https://www.iconfont.cn/使用图标库。

2022-11-29 22:44:51 346

原创 HTML5定位极其相关内容

在开启了定位的情况下,其包含块就是离它最近开启了定位的祖先元素,1、开启了绝对定位,如果不配合偏移量使用,元素的位置没有发生变化。1、开启粘滞定位,元素不会脱离文档流,也就是元素性质也不会发生改变。2、开启了绝对定位后,元素会脱离文档流,下面的元素就会跑上去。3、开启了相对定位后,元素的层级会变高,也就是会盖住其他的元素。3、开启了绝对定位,元素脱离文档流,元素的性质就会发生变化。2、开启固定定位后,元素会固定在页面中,不会随着滚动条滚动而滚动。1、在没有定位的情况下,其包含块就是其父元素或祖先元素。

2022-11-28 22:02:17 328

原创 HTML5 浮动简介及特点

浮动(float)浮动是一种布局手段,会使元素脱离文档流元素在文档流的时候,会分块元素,行内元素,行内块元素,各自都有一定的特点设置元素浮动,可以用float样式可选值:none 默认值,不浮动left 向左浮动right 向右浮动设置浮动后的一些特点:(第一类特点)1、设置元素浮动后,元素会脱离文档流,就不会再占据原来在文档流的位置浮动元素后面的元素就向上2、设置元素浮动后,元素会尽可能向左或者向右浮动浮动元素不会超过它前一个兄弟,最多一边齐。

2022-11-26 15:42:02 1151

原创 CSS(五)垂直布局和盒子模型进阶

盒子模型进阶和一些布局

2022-11-24 21:02:52 288

原创 CSS(四)盒子模型

margin-botoom 设置元素下外边距,正值,元素自己不动,会挤下面的元素向下移动,负值,下面的元素向上移动。margin-left margin-right 同时调整margin-left margin-right。2、7个值当中,有3个值可以设置auto,margin-left width margin-right。margin-top 设置元素上外边距,如果正值,元素向下移动,如果负值,元素向上移动。margin-left 设置元素左外边距,正值,元素向右移动,负值,元素向左移动。

2022-11-23 20:42:45 94

原创 CSS(三)字体样式和文本

00表示最小,代替0-255的0,ff表示最大,代替0-255的255。5:HSL值(H - 色相 0-360,S - 饱和度 0-100%,L - 亮度 0-100%)(2)、直接写倍数,1/2/3/4/5····,是当前字体大小的倍数。是父元素的宽高的百分比,是一个相对单位,会随着父元素宽高的变化而变化。语法:#ff0000,像这样两两重复的表示,可以省略一位,简写成#f00。用十六进制的值来表示0-255之间的数值,表示红色,绿色,蓝色的浓度。(3)、可以写百分比,100%,200%。

2022-11-22 19:57:21 155

原创 CSS(二)

css

2022-11-21 20:17:42 58

原创 CSS(一)

1)网页分成三个部分:html 结构 30个左右的标签,先用一段时间css 表现 外在显示的样子js 行为2)html 超文本语言3)css -层叠样式表-网页是一个多层的结构,css可以给每一层结构设置样式最终你看到的是最上面的一层

2022-11-18 20:15:59 242

原创 HTML(二)

HTML(二)

2022-11-17 19:39:23 367

原创 HTML(一)

html

2022-11-16 19:40:01 976

空空如也

空空如也

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

TA关注的人

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