201812 - 博客园

2022年12月23日

摘要： 1.字体图标iconfont 主要用于显示网页中通用、常用的一些小图标。精灵图的缺点： 1、图片文件比较大。 2、图片本身放大和缩小会失真。 3、一旦图片制作完毕想要更换非常复杂。看上去像图片，本质上为字体。优点： 1、轻量级：一个图标字体要比一系列的图像要小。一旦字体加载了，图标就会马上渲染阅读全文

posted @ 2022-12-23 20:30 201812 阅读(23) 评论(0) 推荐(0) 编辑

2022年12月22日

CSS学习6（元素显示隐藏、精灵图、字体图标）

摘要： 1、元素的显示和隐藏本质：让一个元素在页面中隐藏或者显示出来。（如广告） 1.1 display显示隐藏 display: none; 用来隐藏对象 display: block; 除了可以转换为块元素之外，还可以显示元素 display隐藏元素之后，不再占有原来的位置。 1.2 visibili 阅读全文

posted @ 2022-12-22 21:54 201812 阅读(62) 评论(0) 推荐(0) 编辑

2022年12月21日

CSS学习5（属性书写顺序、定位）

摘要： 1、CSS属性书写顺序 1、布局定位属性：display / position / float / clear / visibility / overflow 2、自身属性：width / height / margin / padding / border / background 3、文本属性：阅读全文

posted @ 2022-12-21 20:42 201812 阅读(49) 评论(0) 推荐(0) 编辑

2022年12月20日

python学习笔记7（模块和包）

摘要： 1、内置模块模块就是一个python文件，里面有类、函数、变量等，可以直接导入模块进行使用。模块导入： [from 模块名] import [模块 | 类 | 变量 | 函数 | * ] [as 别名][]是可以选择使用的，不一定都要写 2、自定义模块新建一个python文件然后导入这个文件就阅读全文

posted @ 2022-12-20 20:38 201812 阅读(18) 评论(0) 推荐(0) 编辑

2022年12月19日

CSS学习4（边框、阴影、浮动）

摘要： 1、圆角边框 border-radius: lengthpx 属性用于设置元素的外边框圆角。lengthpx为半径为lengthpx的圆。数值越大，半径越大，越圆润。如果想要一个圆形边框，可以让length值等于盒子（正方形）高度的一半。也可以用更灵活的方式书写：让lengthpx等于50%。圆阅读全文

posted @ 2022-12-19 19:52 201812 阅读(140) 评论(0) 推荐(0) 编辑

CSS练习题

摘要： 1. 简易版小米侧边栏的实现 CSS学习3（CSS特性、盒子模型） - 201812 - 博客园 (cnblogs.com) 分析：背景应该为具有透明度的灰黑色，鼠标在对应位置显示的是小手，说明应该是链接。需要特别注意的是padding等会撑大盒子，需要计算好。 <!DOCTYPE html> <h 阅读全文

posted @ 2022-12-19 18:36 201812 阅读(70) 评论(0) 推荐(0) 编辑

2022年12月10日

html练习题

摘要： 1、请写出具有表格标题为"nowcoder"的2行3列表格结构。主要是忘记怎么写表格标题了，用<caption></caption>标签 <table>  <caption>nowcoder</caption> <tr> <td></td> <td></td> <td>< 阅读全文

posted @ 2022-12-10 20:13 201812 阅读(25) 评论(0) 推荐(0) 编辑

2022年12月9日

snipaste下载

摘要： 1.官网下载网址：Snipaste - 截图 + 贴图然后按照自己的电脑选择下载。然后解压。为了方便使用，建议固定到开始屏幕上，下面是我已经固定后显示的。也可以固定到任务栏，或者创建快捷方式移动到桌面。 2.使用启动后： 1、F1可以截图。 2、F3可以把截图在桌面上显示。 3、点击图片，阅读全文

posted @ 2022-12-09 22:16 201812 阅读(212) 评论(0) 推荐(0) 编辑

2022年12月8日

CSS学习3（CSS特性、盒子模型）

摘要： 1.CSS三大特性层叠性、继承性、优先性。 1.1 层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要是解决样式冲突的问题。冲突的时候，遵循就近原则，哪个样式离结构近就执行哪个样式。 1.2 继承性子标签会继承父标签的某些样式，如文字的颜色和字号。注意阅读全文

posted @ 2022-12-08 21:04 201812 阅读(65) 评论(0) 推荐(0) 编辑

2022年12月7日

CSS学习2（chrome、Emmet语法、复合选择器、块和行内块元素、css背景）

摘要： 1.chrome调式工具在网页中右键-->检查。 2.Emmet语法 Emmet语法的前身是Zen coding，它使用缩写来提高html/css的编写速度。 2.1 HTML： 1、写标签然后按tab键就可以快速生成标签，如生成div，输入div按tab键，生成<div></div> 2、生成多阅读全文

posted @ 2022-12-07 22:44 201812 阅读(22) 评论(0) 推荐(0) 编辑