- 博客(14)
- 收藏
- 关注
原创 运算符
1.运算符与(&&)两侧都为true结果才为true只要有一侧为false 结果为false2.运算符或(||)两侧都为false结果才为false只要有一侧为rue 结果为true3.
2020-07-31 15:19:18
98
原创 便捷式返回顶部按钮
#back-to-top{ position:fixed; bottom:100px; right:60px; z-index:133333;}#back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:50px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
2020-05-28 11:16:52
163
原创 1.1 表单获得焦点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> input { outline: none; } input:focus { background-col...
2020-04-21 11:52:55
230
原创 0-10 01- 过渡动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { width: 400px; height: 150px; background-col...
2020-04-21 11:45:40
94
原创 0-9 字体图标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> @font-face { /*1. 这个字体名称要注意 icomoon*/ font-family:...
2020-04-10 09:34:33
224
原创 0-8 滑动门原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微信导航栏案例</title> <style> * { margin: 0; padding: 0; } li { list-style:...
2020-04-09 09:27:41
150
原创 0-7 CSS精灵技术
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { float: left; background: url(images/abcd.jpg)...
2020-04-09 09:26:49
57
原创 0-6 11-溢出的文字省略号显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>溢出的文字省略号显示</title> <style> div { width: 150px; height: 25px; border: 1px ...
2020-04-08 09:05:02
83
原创 常用鼠标样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鼠标常用样式</...
2020-04-03 14:37:27
302
原创 0-5新闻详情页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...
2020-03-27 16:35:19
176
原创 0-4新闻列表模块
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>新闻列表案例</...
2020-03-27 15:10:17
197
原创 0-3简单导航栏的制作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>简单导航栏</t...
2020-03-26 10:01:09
138
原创 0-2 元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> span { /*把行内元素转换为块级元素*/ display: block; width: 1...
2020-03-24 09:14:50
116
原创 小白学程序第一节0-1.表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格</titl...
2020-03-20 17:06:04
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人