- 博客(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关注的人