自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS块级元素、行内元素、行内块级元素

块级元素 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为块级元素 display: block; 常见块级元素:div p ul ol li 等; 1、每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。 2、元素的高度、宽度、行高和顶底边距都是可以自行设置的,以此来对大小进行设置。 3、如果元素的宽度不进行设置的话会默认是父元素的

2021-02-07 09:36:12 317 1

原创 css选择器

1、元素选择器 最常见的选择器 像这样所有的超链接和img都会被添加属性 “*”可以将所有的元素选中,如果该属性对于某些元素是无效的,那么它将被忽略。 2、类选择器 (1)单类选择器 这个类选择器主要是要对HTML中想引用的地方添加一个class属性。 这样我们就可以用以下方式使用类选择器了: ”.”加上类名就组成了一个类选择器,以上表示所有包含该类元素的都将被选中。 这种方式会选择所有包含banner类的banner-list下面的active。而其余banner下的的元素则不会被选中。 (2)

2021-01-31 21:01:29 137

原创 git的使用

GitHub是一个面向开源及私有软件项目的托管平台,可以将代码保存到网上在进行多人合作开发,支持Git作为唯一的版本库格式进行托管。可以理解为使用GitHub的必备工具。 在使用前首先是安装git 如果没有Git可以到Git官网下载, git就无脑式安装就可以了 单机鼠标左键出现这个就证明安装成功了, 或者是cmd打开输入git --version来进行查看,如果出现的是版本号就证明是成功了。 下面那个SourceTree它拥有一个精美简洁的界面,大大简化了开发者与代码库之间的Git操作方式,是非常实用

2021-01-29 12:42:06 79

原创 CSS中的定位属性

position属性它可以对元素的定位类型进行设置 static(静态定位) position属性的默认值,此时设置left,right,top,bottom将不会生效。 设置的left: 50px;没有生效。 relative(相对定位) 他的定位是相对自身原来位置的,如果以前没有设置position或者position值为static,那么设置relative后,它的位置是根据你所设置的left,right,top,bottom值参照自身原来的位置进行移动。 没有设置left,right,top,

2021-01-22 14:29:34 109

原创 关于css的各种居中

在css中用text-align和display属性实现居中 在父级设置text-align: center;之后在子级div中加入display: inline-block;就可以完成水平居中。需要注意的是text-align属性具有继承性,也就是说当父级设置了这个属性时,其所有子级都将会是你设置的效果。在我这个代码中,我在body设置text-align,box1和box2进行继承。 在css中用display和margin属性实现水平居中position和margin属性实现垂直居中 这种方.

2021-01-22 11:22:47 176

原创 博文尚美轮播图小圆点位置

首先这是轮播图的HTML界面 下面是几种位置移动和对应的css截图 在底部居中 将banner-list里的left和bottom进行调整,因为要的是居中效果所以left调到50%,另外要注意的是left的50%是按照左边的第一个圆点进行移动,所以得到的结果会在中间位置向右偏移,所以不要忘记图中的transform:translateX(-50%)将它调整过来。 在右上角显示 因为是右上角所以需要对top和right进行调整。 侧边垂直居中 和水平居中差不多,垂直居中要将top调到50%,之后需

2021-01-20 16:25:21 392

空空如也

空空如也

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

TA关注的人

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