自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2022-12-01 19:12:55 105 1

原创 各种定位的使用

定位:是一种布局手段,而且它是一种高级的布局手段,可以将页面中的任何元素放在页面中的任意位置通过position属性进行设置,可选值:static 默认值 不开启定位以下四种都属于开启定位relative

2022-11-30 20:27:11 165

原创 解决高度塌陷

通过伪类after,在元素的后面添加内容,将这个内容转成块元素,再清楚其他浮动元素对这个块元素的浮动影响

2022-11-29 20:49:33 455

原创 浮动(float)

浮动(float)浮动是一种布局手段,会使元素脱离文档流元素在文档流的时候,会分块元素,行内元素,行内块元素,各自都有一定的特点设置元素浮动,可以用float样式可选值:none 默认值,不浮动left 向左浮动right 向右浮动设置浮动后的一些特点:(第一类特点)

2022-11-28 16:36:18 305

原创 盒子模型(2)

使用overflow属性设置父元素如何处理溢出的子元素可选值:visible 默认值 文本正常显示hidden 裁剪掉多余的内容scroll 生成双向的滚动条,可以通过滚动条查看完整的内容auto 根据实际的内容出现滚动条overflow-x 对水平方向溢出的内容进行设置,垂直方向根据实际需要自动生成overflow-y 对垂直方向溢出的内容进行设置,水平方向根据实际需要自动生成。

2022-11-26 18:11:26 66

原创 盒子模型概念

盒子模型内容区content内边距 padding边框 border外边距 margin盒子的大小:内容区、内边距、边框 有关系,跟外边距是没有关系。

2022-11-24 19:21:50 94

原创 长度、颜色单位、字体相关的样式简介

1:像素 px就是电脑屏幕上的一个个发光的小点,我们眼睛是看不出来,像素是我们pc端最常用的一个单位,它是一个固定单位2:百分比 %是父元素的宽高的百分比,是一个相对单位,会随着父元素宽高的变化而变化,一般情况下,做流式布局比较多3、em也是一个相对单位,相对于当前元素的字体大小来计算最终大小,也就是1em=1个font-size。如果当前的元素没有设置字体大小,那么会继承祖先元素的字体大小,最终继承到html默认的字体大小,是16px。

2022-11-23 20:38:22 102

原创 CSS语法和各种选择器

CSS的语法:选择器 声明块选择器:有多种选择器声明块:具体的css样式,是写在括号({})里面样式的结构:名值对结构(样式名:样式值;),可以写多组样式,之间用分隔号隔开样式:样式名,样式值color 设置字体的颜色 red green yellowfont-size 设置字体的大小 px 默认的字体大小是16pxbackground-color 设置背景颜色 red green yellow。

2022-11-21 20:02:49 230

原创 做一个简单的页面——基础(3)

行内元素(inline element) 用来包裹文字特点:1、不会独占一行2、宽高是被内容撑开的,内容有多宽它就多宽常用行内元素:span、strong、em、del等块元素(block element) 用来布局特点:1、会独占一行2、默认情况下,块元素的宽度是视口的100%3、默认情况下,块元素的高度是被内容撑开的常用块元素:div、p、h1-h6、header、main、footer、nav行内块元素特点:兼具块元素和行内元素特点。

2022-11-18 20:38:45 102

原创 做一个简单的页面——基础(2)

在编写网页的时候,有一些字符我们是没有办法打出来的,例如空格、大于号、小于号等这些字符已经提前被编译器或者浏览器征用,我们不能正常使用,我们要用一些额外的字符来代替这些额外的字符就叫实体实体的语法: &实体的名字;常用的实体:空格;大于号 >小于号

2022-11-17 19:29:54 175

原创 做一个简单的页面——基础

1.html标签有成双成对的,也有自结束标签2.html中是不区分大小写,但一般用小写居多3.标签可以嵌套,但不可以交叉嵌套4.养成良好的注释习惯,简洁,明了注释也不可以嵌套5.html.css,js都是一种宽泛的语言,它的容错率比较高它会给你自动纠错,但我们要尽量避免,防止网站的性能有所影响,而且它改的不一定是你想要的。

2022-11-16 18:49:31 373

空空如也

空空如也

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

TA关注的人

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