#猜你喜欢模块制作 ##主要知识点:结构伪类选择器和伪元素选择器&常规页面布局 ###HTML结构 <!-- 猜你喜欢模块 --> <div class="like"> <div class="hd"> <div class="left">猜你喜欢</div> <div class="right"> ...
分类:
Web程序 时间:
2021-04-27 14:55:10
阅读次数:
0
##CSS引用方式 外部引用 : 最理想的引用方式 , 就是将CSS代码与HTML代码分别放在不同的文件中 , 然后通过HTML中的<link/>标签来引用 , 如下: 外部引入CSS演示 代码 : <!DOCTYPE html> <html> <head> <title>外联样式引入</title ...
分类:
Web程序 时间:
2021-04-27 14:52:36
阅读次数:
0
1、css样式导入 2、css基础选择器 3、css+div布局 4、背景图片 5、text文本 6、font字体 ...
分类:
Web程序 时间:
2021-04-27 14:32:35
阅读次数:
0
桥接模式 桥接模式结构图: 示例代码: // 桥接角色Message接口 public interface Message { void sendMessage(String message, String toUser); } // 具体Message角色Email public class Em ...
分类:
其他好文 时间:
2021-04-26 13:31:33
阅读次数:
0
鼠标移动到div块时,用CSS实现旋转 实现代码: <body> <div> </div> </body> <style> div { width:200px; height:200px; background-color:pink; margin:100px auto; transition:al ...
分类:
Web程序 时间:
2021-04-26 13:06:28
阅读次数:
0
CSS link: link是html标签 加载页面的过程是异步的,不会阻塞浏览器的解析过程 举例 html文件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link ...
分类:
Web程序 时间:
2021-04-26 13:00:00
阅读次数:
0
方法2:display:flex 1 2 3 4 5 .box2{ display: flex; justify-content:center; align-items:Center; } 方法3:绝对定位和负边距 .box3{position:relative;} .box3 span{ posi ...
分类:
Web程序 时间:
2021-04-24 13:51:53
阅读次数:
0
1.进入安装目录Microsoft VS Code\resources\app\out\vs\workbench 2.打开文件workbench.desktop.main.css 3.搜索.monaco-workbench .part>.content 4.修改font-size的值,默认是13px ...
分类:
其他好文 时间:
2021-04-24 13:48:21
阅读次数:
0
在需要压缩的目录中新建终端:打开终端 cnpm install -g clean-css-clicleancss -o au.min.css au.cssau.css是源文件。au.min.css是目标文件。 ...
分类:
Web程序 时间:
2021-04-24 13:28:45
阅读次数:
0
<style> .jsj-class { width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } </style> 1 <div class="jsj-class"></div> 效果图: ...
分类:
Web程序 时间:
2021-04-24 13:14:57
阅读次数:
0