- 博客(27)
- 收藏
- 关注
RSS订阅原创 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
原创 定位-----css
1、为什么需要定位2、定位组成3、静态定位static4、相对定位relative(重要)5、绝对定位（重要）6、子绝父相的由来7、固定定位fixed(重要)8、粘性定位Sticky9、定位的总结10、定位堆叠顺序z-index11、定位的扩展...
2021-11-12 21:55:02
201
原创 清除浮动--pink老师
1、清除浮动的原因2、清除浮动的本质3、清楚浮动3.1、额外标签法3.2、给父元素添加overfloat属性3.3 ：after伪元素法3.4、双伪元素清除浮动
2021-11-10 18:30:34
86
原创 盒子模型基础知识
页面布局要学习三大核心，盒子模型，浮动和定位。学习好盒子模型能非常好的帮助我们布局页面。1、看透网页布局的本质2、盒子模型的组成**竹板这么一打呀别的咱不夸盒子模型实际开发用处非常大border是边框content内容哒padding内边距非常重要啦边框与内容的距离主要就靠它margin外边距它是干啥的？盒子与盒子的距离就靠它说话盒子模型掌握了你乐的像朵花—pink老师**3、边框（border）<!DOCTYPE html><html
2021-11-07 15:55:32
108
原创 CSS的背景属性
通过CSS背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图片固定等。1、背景颜色background-color属性定义了元素的背景颜色。background-color:颜色值；background-color:transparent|color;/*一般情况下元素的背景颜色默认自是transparent(透明)，当然我们也可以手动指定背景颜色为透明色*/我来扩展一下颜色的表示方法1、用颜色名表示如：white、red、gree
2021-11-06 20:23:32
455
原创 CSS行高等于盒子的高度，能让文字在盒子里面垂直居中的原理
CSS行高等于盒子的高度，能让文字在盒子里面垂直居中的原理：用pink老师的一张ppt就成让人一下子明白过来。
2021-11-06 17:43:28
1034
原创 简洁小米侧边栏--看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
原创 snipaste一个截图小软件
给大家介绍一个截图小软件：snipaste（最下面有网盘的分享地址哦）这个小软件解压后，点进出解压后的文件，找到Snipaste.exe双击就可以运行成功Snipaste是一个简单但是强大的截图工具，也可以让你将截图贴回到屏幕上。常用的快捷键：F1可以截图，同时测量大小，设置箭头 书写文字等。F3可以在桌面置顶显示。点击图片，alt可以取色（按下shift可以切换取色的模式）。按下esc取消图片显示。*按下F1截图，这是可以移动鼠标，可以吸取截的图片中的任何元素的颜色按F1截图后，再
2021-11-06 16:57:21
318
原创 溢出的文字用省略号表示。
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
原创 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
原创 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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人