- 博客(57)
- 收藏
- 关注
原创 Sass和Less(预处理器)
Sass和Less(预处理器)一、了解Sass和Less二、Sass和Less 语法2.1 注释2.2 语法一、了解Sass和LessSass 对自己的定位首先是一个预处理器。其最主要的竞争对手包括 LESS,一个基于 Node.js 的预处理器,因著名 CSS 框架 Bootstrap 的使用而声名鹊起。此外还有 Stylus ,一种对形式无所限制的 LESS 版本。它是一种无论你想怎么样使用,大都能顺利转换成 CSS 的程序语言。Sass和Less都属于预处理器。Less文件以.less结尾,Sa
2021-01-11 17:57:27
3194
原创 css3-grid制作骰子
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> /* 第一个骰子样式 */ .box{ width
2020-12-22 15:06:24
233
原创 css3-flex实现自适应布局
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css">/* =============================
2020-12-13 21:23:04
567
1
原创 css3-flex制作骰子
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css">/* =============================
2020-12-13 21:22:12
302
原创 css-flex弹性盒模型布局
flex弹性盒模型布局一、了解flex二、flex-direction 弹性的方向三、flex-wrap 弹性换行一、了解flex当父容器display:flex时,子容器可以用margin居中,且子容器什么宽高都可以很好的自适应居中。flex给父容器加就可以,子容器不用加#box{width: 300px; height: 300px; border: 1px black solid; margin: 20px auto; display: flex;}#box1{width: 100px; h
2020-12-07 23:25:10
391
原创 css问题
元素宽度够,却被挤下去问题:在写搜索框和搜索框图标时,宽度够却图标却始终被挤下去。原因:当使用两个内联块元素时,代码中换行,会产生间距<div class="zl_search r"><input type="text" placeholder="请输入内容"/><button><i class="iconfont iconsuosou"></i></button></div>...
2020-12-04 12:09:34
228
原创 css3 实现边框加小三角
鼠标放入后显示边框有小三角(利用图片)构建思路:1.利用双伪类,实现放入鼠标同时添加图片的样式2.导入背景图片,添加图片宽高,调整放置的位置。需要给本标签添加定位position:relative,给本标签伪类的样式添加position:absolute.#projectList .projectList_btns li:hover::after{color: white; background: url(img/arrow.png) no-repeat; content: ""; position
2020-12-03 16:40:39
753
原创 css盒子阴影实现图片上浮阴影效果
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css">/* =============================
2020-11-27 16:25:54
827
原创 css渐变实现图片闪光
第一种:运用知识: transition 过渡构建思路:1.构建一个图片和一个盒子,盒子设置好背景颜色渐变。将他放置在图片的左侧,通过移动盒子,配合过度,实现照片闪光第二种:运用知识:animation 动画构建思路:1.构建一个图片和一个盒子,盒子设置好背景颜色渐变。2.将盒子放置在图片的左侧,设置背景图位置的变化,配合动画效果实现照片闪光<!DOCTYPE html><html> <head> <meta charset="utf
2020-11-27 11:33:46
549
原创 css 渐变实现进度条动画
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css">/* =============================
2020-11-26 15:42:24
1107
原创 重装系统
重装系统一、windows系统1. 下载系统2.制作一键安装u盘3. 安装系统4. 修复系统驱动一、windows系统1. 下载系统在MSDN下载系统https://msdn.itellyou.cn/2.制作一键安装u盘制作完成后,将系统iso导入u盘3. 安装系统进入bios,选择u盘启动项,进入PE系统后,安装系统4. 修复系统驱动安装完系统后,有的会缺少驱动,安装360、360驱动管理,进行驱动和系统修复...
2020-11-19 10:41:28
115
原创 Mysql数据库
Mysql数据库安装和删除安装删除安装和删除安装 下载官网安装包,符合系统的位数删除 1.直接删除卸载 2.删除 C:\ProgramData、C:\Program Files (x86) 下的Mysql文件 3.删除注册表
2020-11-19 10:34:55
237
原创 HTML5和css3
HTML5一、1. html5 与 xhtml的区别2. strong和b,em和i 的区别3.引用标签4. 嵌套页面 iframe一、1. html5 与 xhtml的区别1.DOCTYPE文档及编码 html5:<!DOCTYPE html> 比较简单 <meta charset="utf-8"> xhtml:<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http
2020-11-19 10:33:52
569
原创 HTML和css
前端一、前端基础1. 页面组成2. 标签的作用3. 在Hbuilder中的快捷方式一、前端基础1. 页面组成2. 标签的作用<h1>标题标签</h1> h1-h6从大到小<p>段落标签,文字独占一行</p><b>文字加粗标签</b><i>斜体标签</i><hr > 一条水平线,是单标签<br> 换行,是单标签
2020-11-19 10:31:43
444
原创 Linux安装配置
Linux安装配置一、安装系统1.下载包2.安装3.安装后的配置(最小包)3.1配置网络3.2配置 ifconfig3.3配置固定IP 方便ssh连接3.4安装图形界面二、命令1.vi编辑2.查看ip一、安装系统1.下载包在阿里云镜像下载,安装可选择完整包和最小包2.安装可以根据推荐选择,用户语言选择中文(在最下面),用户密码可以设置四位,点两次确定就可以3.安装后的配置(最小包)3.1配置网络找到网卡,配置网络vi /etc/sysconfig/network-scripts/ifcfg
2020-11-19 10:28:56
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅