自定义博客皮肤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)
  • 收藏
  • 关注

原创 js 三种创建新元素的方式

三种创建元素的方式document.write()创建元素——它会导致页面的重绘,也就是说会将页面之前的样式全部修改。从下图中可以看出,点击按钮之后,页面中的标签也被修改了。innerHTML是将内容直接写入某个DOM节点,不会导致页面重绘,创建多个元素的效率更高(不要拼接字符串,采取数组形式拼接,数组拼接的形式效率最高),结构稍微复杂。<!DOCTYPE html><html lang="en"><head> <meta cha

2021-09-13 09:53:14 2054

原创 vscode中cssrem插件的使用

cssrem插件(1)、安装​ cssrem是一个可以将px自动转化为rem的插件。(2)、使用方法​ 使用方法:使用很简单,输入固定的px值后,可以自行选择是使用px单位还是rem单位,这插件默认html的文字大小是16px。(3)、修改默认文字大小​ 第一步:Ctrl+Shift+p打开命令面板;​ 第二步:输入settings.json,选择图中标出的json;​ 第三步:修改默认尺寸。添加下图中用框框框出的部分;​ 第四步:保存退出,重启vscode;​ 第五步:测试是否

2021-09-01 15:49:11 3119

原创 vscode使用rem、媒体查询@media(图文详解,代码展示)

rem适配布局一、rem单位​ em是相对于父元素的字体大小来说的,例:父亲的font-size:10px,孩子的width:10em表示是100px;​ rem是相对于html的字体大小,例:html(根元素)设置的font-size:12px,其他元素(非根元素)设置width:2rem表示是24px;​ 优点:可以通过修改html里的文字大小,来改变页面中的元素大小,以达到整体控制。二、媒体查询1、基础知识​ 媒体查询(Media Query)是CSS3的新语法,@media可以针对不同

2021-09-01 15:46:41 1744

原创 BootStrap的使用(图文详解)

BootStrap的使用​ Bootstrap使用四步曲:1、创建文件夹;2、创建html骨架结构;3、引入相关样式文件;4、书写内容一、创建文件夹结构1、创建文件夹​ 按照以往的习惯创建文件夹。2、下载Bootstrap​ 在官网下载压缩包,选择下载生产环境的压缩包,将其解压到项目目录下,但是不能覆盖你自己建的文件夹。二、创建html骨架结构​ 先正常搭建一个html页面,然后再选中“基础模板”中的所需代码,复制到你自己搭建的html页面中。三、引入相关样式文件​ 使用lin

2021-08-30 10:54:40 26305 1

原创 手把手教你使用码云(图文并茂,项目讲解)

将项目上传至码云一、注册账号并登录​ 若有账号的小伙伴直接进行登录,没有的小伙伴先进行注册后再登录。二、配置码云配置1、配置SSH公钥(1)、有SSH公钥的配置​ A、选中自己头像下方的设置,进入设置面板。​ B、在控制面板的左侧找到SSH公钥,并点击进入公钥页面。​ C、如果之前生成过公钥,则直接复制粘贴即可,如果没有则按照下面的步骤继续完成。(2)、没有SSH公钥的配置​ A、在新标签页中打开“怎样生成公钥”的官方网页,再在新标签页中打开“ [「仓库管理」->「公钥管理」

2021-08-08 13:40:42 7056 1

原创 css定位详解

定位1、static静态定位​ 静态定位是元素的默认定位方式,无定位的意思,它按照标准流摆放位置,没有边偏移,在布局中很少用到。​ 语法:{position:static;}2、relative相对定位​ 相对定位是元素在移动位置的时候,是相对于它原来的位置来说的。相对定位是不脱标的(依旧是标准流,继续占用原来的位置),继续保留原来的位置。​ 语法:{position: relative;}[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gvX3zQoM-1628

2021-08-08 13:29:46 335

空空如也

空空如也

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

TA关注的人

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