前端学习（1812）：前端调试之shadow练习

index.html

<!DOCTYPE html>
<html lang="en"><head><!--系统内置 start--><script type="text/javascript"></script><!--系统内置 end--><meta charset="UTF-8"><title>练习</title><link rel="stylesheet" href="index.css">
</head><body><div class="box"><h3>小米&lt;小爱老师&gt;</h3><p>口袋里的英语外教</p><h4>499元起</h4></div>
</body></html>

index.css

* {margin: 0;padding: 0;
}.box {box-sizing: border-box;width: 200px;height: 256px;background: #ffffff;padding-top: 22px;text-align: center;box-shadow:0px 0px 10px rgba(0,0,0,0.11);
}.box::before {content: '';display: block;width: 130px;height: 130px;margin: 0px auto 16px;background: url(./images/phone.jpg) no-repeat center;background-size: contain;
}.box h3 {font-style: normal;font-weight: normal;font-size: 12px;line-height: 17px;color: #000000;
}.box p {margin-top: 4px;margin-bottom: 8px;font-style: normal;font-weight: normal;font-size: 12px;line-height: 17px;color: #A8A8A8;
}.box h4 {font-style: normal;font-weight: 500;font-size: 12px;line-height: 17px;color: #FD6821;
}

运行结果

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/418844.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

bullet HashMap 内存紧密的哈希表

bullet HashMap 内存紧密的哈希表

last modified time&#xff1a;2014-11-9 14:07:00 bullet 是一款开源物理引擎&#xff0c;它提供了碰撞检測、重力模拟等功能&#xff0c;非常多3D游戏、3D设计软件&#xff08;如3D Mark&#xff09;使用它作为物理引擎。作为物理引擎&#xff0c;对性能的要求是非常苛刻的&…
阅读更多...
前端学习（1813）：前端调试之微博个人banner开发

前端学习（1813）：前端调试之微博个人banner开发

index.html <!DOCTYPE html> <html lang"en"><head> <!--系统内置 start--> <script type"text/javascript"></script> <!--系统内置 end--><meta charset"UTF-8"><title>微博实战--ban…
阅读更多...
操作系统课设——设计模拟一个SPOOLING假脱机输出程序

操作系统课设——设计模拟一个SPOOLING假脱机输出程序

广州大学操作系统课程设计报告 要求&#xff1a;书写课程设计报告&#xff0c;报告中应该包含如下内容&#xff1a; 一&#xff0e;课程设计题目及内容 课程设计题目&#xff1a;题目三&#xff1a; 设计模拟一个SPOOLING假脱机输出程序 &#xff08;1&#xff09; 系统设计要…
阅读更多...
前端学习（1814）：前端调试之css flex

前端学习（1814）：前端调试之css flex

阅读更多...
操作系统实验——进程管理与进程通信

操作系统实验——进程管理与进程通信

广州大学学生实验报告 实验一 进程管理与进程通信 一、实验目的 1、掌握进程的概念&#xff0c;明确进程的含义。 2、认识并了解进程并发执行的实质&#xff0c;进程的阻塞与唤醒&#xff0c;终止与退出的过程。 3、熟悉进程的睡眠、同步、撤消等进程控制方法。 4、分析进程…
阅读更多...
前端学习（1815）：前端调试之css flex 练习1

前端学习（1815）：前端调试之css flex 练习1

index.html <!DOCTYPE html> <html lang"en"><head><!--系统内置 start--><script type"text/javascript"></script><!--系统内置 end--><meta charset"UTF-8" /><meta name"viewport…
阅读更多...
关于操作系统的学习总结

关于操作系统的学习总结

学了一学期的操作系统&#xff0c;就瞎写点东西反思一下吧。 我是广州大学计算机科学与技术专业的&#xff0c;操作系统的知识是比较抽象的。第一看书时必要的。我们的操作系统课程是张艳玲副教授授课的。张老师讲课认真&#xff0c;是一个不错的老师。我们上课用的课本是这本…
阅读更多...
iis6 配置python CGI

iis6 配置python CGI

打开iis管理器&#xff0c;在Web服务扩展中添加一个新的Web服务扩展 点击添加&#xff0c;浏览找到python的目录&#xff0c;文件类型改为CGI exe文件 选择python.exe 然后在目录后添加 %s %s&#xff08;搜了一圈&#xff0c;还没找到原因&#xff09; 确定就行&#xff0c;然…
阅读更多...
广州大学专业选修课介绍-----------Linux操作系统分析及实践

广州大学专业选修课介绍-----------Linux操作系统分析及实践

教材&#xff1a; 课程内容&#xff1a;你去看一下课本就知道教什么了(●◡●) 考核方式&#xff1a;考察
阅读更多...
今天课堂总结

今天课堂总结

1.带缓存的字符输入输出流 1 package com.xia;2 3 import java.io.BufferedReader;4 import java.io.BufferedWriter;5 import java.io.File;6 import java.io.FileReader;7 import java.io.FileWriter;8 9 public class test { 10 11 public static void main(String[] a…
阅读更多...
微信服务项目表

微信服务项目表

本文介绍了方倍工作室对外提供的微信相关服务介绍&#xff0c;供有需要购买的客户进行参考。 免费服务图书购买语音问答代码视频技术咨询企业顾问定制服务服务内容微信基础教程常用代码下载微信完整教程图书源码下载发起问题查看他人答案微信高级代码微信开发视频微信开发技术技…
阅读更多...
前端学习（1818）：前端面试题之封装函数之进行字符串驼峰的命名

前端学习（1818）：前端面试题之封装函数之进行字符串驼峰的命名

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title></head><body><script type"text/javascript">//已知有字符串fooget-element-by-id,写一个function将其转化成驼峰表示法”getE…
阅读更多...
前端学习（1819）：前端面试题之封装函数之冒泡排序

前端学习（1819）：前端面试题之封装函数之冒泡排序

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title></head><body><script type"text/javascript">var arr [32,4,67,82,21,11];///轮数for(var i 0; i<arr.length-1;i){//次数…
阅读更多...
前端学习（1821）：前端面试题之封装函数之去重

前端学习（1821）：前端面试题之封装函数之去重

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title></head><body><script type"text/javascript">/** 1.创建一个新数组,把原数组中的第一个元素插入到新数组中* 2.遍历原数组中的…
阅读更多...
天猫整站SSM-分页-limit（做个人学习笔记整理用）

天猫整站SSM-分页-limit（做个人学习笔记整理用）

数据库使用的是mysql 要想在Mybatis中使用分页查询&#xff0c;首先要清楚mysql中limit的用法。 limit a,b a是从第a1条数据开始&#xff0c;b是指读取几条数据 例如&#xff1a;select * from table limit 0,10 这句sql语句是说从表中获取第1条开始的10条记录
阅读更多...
天猫整站SSM-分页-herf（做个人学习笔记整理用）

天猫整站SSM-分页-herf（做个人学习笔记整理用）

天猫整站SSM-分页-&#xff08;做个人学习笔记整理用&#xff09;<li ><a href"?start${page.start-page.count}" aria-label"Previous" ><span aria-hidden"true">‹</span></a> </li>如&#xff1a;<…
阅读更多...
Lab1--关于安装JUnit的简要描述

Lab1--关于安装JUnit的简要描述

安装JUnit的过程描述&#xff1a; 下载两个jar包&#xff1a; hamcrest-all-1.3.jar junit-4.12.jar 注意在导入完成jar包之后不要随意改变jar包的路径。 创建java程序&#xff0c;书写如下代码进行测试&#xff1a; triangle.java package triangle; public class triangle { …
阅读更多...
天猫整站SSM-后台分类管理-增加（做个人学习笔记整理用）

天猫整站SSM-后台分类管理-增加（做个人学习笔记整理用）

天猫整站SSM-后台分类管理-增加&#xff08;做个人学习笔记整理用&#xff09; CategoryController&#xff1a; request.getSession().getServletContext()// 获取的是page的上下文。 request.getSession().getServletContext().getRealPath(“”); 是获取的的tamcat的路径&a…
阅读更多...
Delphi iOS 开启文件共享 UIFileSharingEnabled

Delphi iOS 开启文件共享 UIFileSharingEnabled

Apple 在 iOS 提供了文件共享&#xff08;FileSharing&#xff09;功能&#xff0c;让 App 有一个对外窗口的目录&#xff0c;透过 iTunes 可以任意管理这个目录的文档内容&#xff08;可拖入文档&#xff0c;也能将文档拖出备份&#xff09;。 如果 App 需要文件共享&#xff…
阅读更多...
天猫整站SSM-后台其他管理-属性管理（做个人学习笔记整理用）

天猫整站SSM-后台其他管理-属性管理（做个人学习笔记整理用）

步骤 9 : 查询功能讲解
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023