笔记
码农中的混子✓☜
一个混子✓☜。
展开
-
虚拟DOM和真实DOM
虚拟DOM和真实DOM原创 2022-10-10 15:08:00 · 72 阅读 · 0 评论 -
CSS初始化+京东初始化的代码
京东CSS初始化/* 把我们所有标签的内外边距清零 */* { margin: 0; padding: 0}/* em 和 i 斜体的文字不倾斜 */em,i { font-style: normal}/* 去掉li 的小圆点 */li { list-style: none}img { /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */ border: 0; /* 取消图片底侧有空白缝隙的问.原创 2021-11-15 17:29:09 · 337 阅读 · 0 评论 -
布局技巧css
原创 2021-11-15 17:09:03 · 55 阅读 · 0 评论 -
溢出的文字用省略号显示
1、单行文本溢出显示省略号2、多行文本溢出显示省略号原创 2021-11-14 21:14:07 · 183 阅读 · 0 评论 -
vertical-align属性应用
原创 2021-11-14 20:33:17 · 44 阅读 · 0 评论 -
CSS用户界面样式
什么是样式界面1、鼠标样式cursor2、轮廓线outline3、禁止拖拽文本域resize原创 2021-11-14 20:15:50 · 56 阅读 · 0 评论 -
CSS三角的做法
原创 2021-11-14 19:53:35 · 172 阅读 · 0 评论 -
字体图标11
1、字体图标的产生2、字体图标的优点使用字体图标3、字体图标的下载4、字体图标的引入5、字体图标的追加原创 2021-11-14 19:28:07 · 173 阅读 · 0 评论 -
精灵图 雪碧图
我们为什么需要精灵图呢?2、精灵图(sprites)的使用原创 2021-11-14 19:00:39 · 2282 阅读 · 0 评论 -
元素的显示和隐藏
1、display属性2、visibility可见性3、overflow溢出原创 2021-11-14 14:09:43 · 38 阅读 · 0 评论 -
页面布局总结
原创 2021-11-14 13:25:19 · 71 阅读 · 0 评论 -
定位-----css
1、为什么需要定位2、定位组成3、静态定位static4、相对定位relative(重要)5、绝对定位(重要)6、子绝父相的由来7、固定定位fixed(重要)8、粘性定位Sticky9、定位的总结10、定位堆叠顺序z-index11、定位的扩展...原创 2021-11-12 21:55:02 · 201 阅读 · 0 评论 -
页面布局整体思路
原创 2021-11-10 20:01:24 · 319 阅读 · 0 评论 -
CSS书写顺序
原创 2021-11-10 19:59:47 · 165 阅读 · 0 评论 -
盒子模型基础知识
页面布局要学习三大核心,盒子模型,浮动和定位。学习好盒子模型能非常好的帮助我们布局页面。1、看透网页布局的本质2、盒子模型的组成**竹板这么一打呀别的咱不夸盒子模型实际开发用处非常大border是边框content内容哒padding内边距非常重要啦边框与内容的距离主要就靠它margin外边距它是干啥的?盒子与盒子的距离就靠它说话盒子模型掌握了你乐的像朵花—pink老师**3、边框(border)<!DOCTYPE html><html原创 2021-11-07 15:55:32 · 108 阅读 · 0 评论 -
CSS的三大特性
CSS有三个非常重要的三个特性:层叠性、继承性、优先级1、层叠性2、继承性3、优先级原创 2021-11-07 12:44:50 · 85 阅读 · 0 评论 -
CSS的背景属性
通过CSS背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图片固定等。1、背景颜色background-color属性定义了元素的背景颜色。background-color:颜色值;background-color:transparent|color;/*一般情况下元素的背景颜色默认自是transparent(透明),当然我们也可以手动指定背景颜色为透明色*/我来扩展一下颜色的表示方法1、用颜色名表示如:white、red、gree原创 2021-11-06 20:23:32 · 455 阅读 · 0 评论 -
简洁小米侧边栏--看pink老师(Html+CSS课程)的笔记记录
做成的样式展示第一步分析思路首先这个文件都是可以点击跳转的,用a标签。其次这些a标签的可点击范围是很大的,不单单是文字部分,要不a标签转换成块元素(display:block;)。鼠标经过时,背景颜色是改变的。具体代码实现如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"原创 2021-11-06 17:31:43 · 223 阅读 · 0 评论 -
snipaste一个截图小软件
给大家介绍一个截图小软件:snipaste(最下面有网盘的分享地址哦)这个小软件解压后,点进出解压后的文件,找到Snipaste.exe双击就可以运行成功Snipaste是一个简单但是强大的截图工具,也可以让你将截图贴回到屏幕上。常用的快捷键:F1可以截图,同时测量大小,设置箭头 书写文字等。F3可以在桌面置顶显示。点击图片,alt可以取色(按下shift可以切换取色的模式)。按下esc取消图片显示。*按下F1截图,这是可以移动鼠标,可以吸取截的图片中的任何元素的颜色按F1截图后,再原创 2021-11-06 16:57:21 · 318 阅读 · 0 评论 -
溢出的文字用省略号表示。
6.1、单行文本溢出显示省略号–必须满足三个条件1、先强制一行内显示文本white-space:nowrap (wrap是换行的意思,nowrap是不换行的意思,normal自动换行)2、溢出的代码隐藏:overflow:hidden;3、文字用省略号代替超出的部分text-overflow:ellipsis(ellipsis是省略号的意思)6.2、多行文本溢出显示省略号多行文本溢出显示省略号,有较大的兼容性问题,适合于webkit浏览器或者移动端(移动端大部分是webkit内核)over原创 2021-07-20 01:11:33 · 78 阅读 · 0 评论 -
vertical-align 属性应用
使用场景,经常使用设置图片或者表单(行内块元素)和文字的垂直对齐只针对行内元素和行内块元素有效,对块元素无效(但是要是把块元素转换成行内块元素,会不会生效呢?)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pa0p0VjC-1626714624881)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210719234614505.png)]vertical-align:b原创 2021-07-20 01:10:51 · 99 阅读 · 0 评论 -
css 用户界面样式
4.1、什么是界面样式1、更改用户的鼠标样式cursor(鼠标样式)default 默认小白pointer:小手move:移动text:文本not-allowed:禁止help:在默认鼠标样式的右下方有一个问号或者一个气球wait:此光标指示程序在忙。2、表单轮廓在文本输入框中,鼠标一聚焦到文本框中,文本框就会变成蓝色或者黑色加粗,为了不影响页面的主题颜色,所有要去掉 input 的这个属性。outline:none 或者 outline:0;3、防止表单拖拽textarea 下原创 2021-07-20 01:08:19 · 86 阅读 · 0 评论 -
2021-06-22
标题前端的项目托管GitHua管理的两种方式先在在githua上创建一个仓库,然后在输入hit clone URL来引去我们的仓库,然后把项目相关的文件复制到引入的这个仓库项目中,依次输入git statusgit add .git commit -m ‘初始项目’git push还有一种不需要复制代码的方式,首先在githua上创建一个上面,然后用我们webstorm创建的项目与远程的项目进行连接,在webstorm输入指令git remove add origin URL,完成后输入第二个指原创 2021-06-22 19:18:53 · 40 阅读 · 0 评论