你的欢欢-CSDN博客

原创 css基础实例5-小米商城实例

效果图：要做成上图所示的样子，那么我们就得按照步骤慢慢来。步骤：1.了解整体的构成（拆分）2.从一个大的盒子拆分成不同的小的盒子比如手机图片就是一个盒子，文字是一个盒子，价格是一个盒子，分开来做3.再依次填充内容就行了步骤第一步：整体框架布局代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA

2021-03-03 16:41:22 400 3

原创 css基础实例4-新浪导航栏的制作

案例图：要求：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-03-02 22:23:29 1974

原创 css基础实例3-实现盒子的边框

要求：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

2021-03-02 21:23:06 308

转载 css基础案例2-小米商城侧边栏

案例图：案例步骤：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-03-02 15:55:27 479

原创 css基础实例1-利用类选择器画颜色不同的盒子

目标如下：完成如上图所示的内容代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>利用类选择器画盒子</title> <style>

2021-03-01 23:16:13 629

原创 HTML基础知识6-表格标签

表格标签表格的主要作用表格主要用于显示以及展示数据表格的基本语法<table> <tr> <th>内容</th> <th>内容</th> .............. </tr> </table><table></table>是用于定义表格的标签<tr></

2020-12-15 18:39:22 287

原创 HTML基础实战-HTML内的页面跳转及常用标签用法（图文：刺客信条英灵殿测评）

准备工作一：所用到的标签1.标题标签2.段落标签3.图片标签4.超链接标签5.换行标签6.音频标签7.style标签二：理解1.自己要对这些标签有所理解2.自行练习加深记忆3.多学多看多问4.了解HTML，了解css的样式设计注：本文素材来自小黑盒作者Mooclog原创本文仅仅只是为了加深用法三：实战直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="

2020-11-26 18:49:52 621

原创 Java编程-使用for循环实现输出九九乘法表

代码如下：package for循环;public class Ex_12 { public static void main(String[] args){ System.out.print("乘法口诀表："); for(int i=1;i<=9;i++){ for(int j=1;j<=i;j++){ System.out.print(j+"*"+i+"="+j*i+"\t");

2020-11-19 20:56:22 1630

原创 Java编程-使用for循环统计某超市上半年的总销售量，要求由用户输入每月的销量

代码如下：package for循环;import java.util.Scanner;//编写一个 Java 程序，统计某超市上半年的总销售量，要求由用户输入每月的销量。使用 for 循环的实现代码如下。public class Ex_10 { public static void main(String[] args) { int sum = 0;//定义初始销售量为0 int num = 0;//定义初始月数为0 Scanner sc =

2020-11-19 20:54:07 831

原创 HTML基础知识5-文档声明标签，lang属性用法以及字符集

HTML最基本的标签莫过于文档声明标签<!DOCTYPE> 标签这个声明标签的作用就是告诉我们的浏览器使用哪种HTML版本来显示网页完整结构如以下代码所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

2020-11-19 20:50:47 1329

原创 HTML基础实战-图像音频标签以及标题、段落、换行、图片标签的运用（文章为刺客信条：英灵殿）

原文章内容如图所示：我们试着将内容变为上图所示代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>刺客信条：英灵殿</title> <styl

2020-11-19 20:25:43 205

原创 css基础知识2-元素选择器、id选择器、类选择器

css里面有很多选择器，这次就是为大家介绍一下css里面基本的几个选择器元素选择器最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。实例：p {color: "red";}找到页面上所有的p标签，并将其颜色改为红色显示效果图如下：代码如下：<!DOCTYPE html><html lang="en,ch"> <head> <meta charset="UTF-8"> &

2020-11-19 15:22:59 994 1

原创 css基础知识1-认识css

什么是css？css叫做层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。css有什么用？定义如何显示HTML元素，给HTML设置样式，让它更加美观。通俗来说就html是在白纸上勾勒图案，而css就是给图案上色美化以及各种完善。css的基础语法如图所示，我们可以看到css的语法结构

2020-11-18 14:49:20 183

原创 HTML基础知识4-列表标签

直接进入正题：在HTML中列表标签有两种分别是有序列表和无序列表1.无序列表<ul> <li>苹果</li> <li>香蕉</li> <li>荔枝<li></ul>而在其中包含了type属性，type属性可添加的内容如下：disc（实心圆点，默认值）circle（空心圆圈）square（实心方块）none（无样式）实例：<!DOCTYPE html><htm

2020-11-17 17:00:59 225

原创 HTML基础知识3-超链接（a）标签以及图片（img）标签

一：a标签又叫做：超链接标签　　　　所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。　　　　实例：<a href="http://www.baidu.com" target="_blank" >百度</a><!DOCTYPE html><html lang="en,ch"> <head>

2020-11-17 16:41:14 2718

原创 HTML基础知识2-＜body＞＜/body＞中常用标签及含义

1.代码直接上代码，生动形象<html lang="en"><head> <meta charset="UTF-8"> <title id="0">我的第一个HTML文档</title></head><body> <b>加粗</b> <br> <i>斜体</i> <br> <u&gt

2020-11-15 22:09:28 2074

原创 HTML基础知识1-HTML文档的结构

一、HTML是什么？1、总的来说：HTML指的是超文本标记语言（全称Hypertext Markup Language, HTML）2.HTML并不是一种传统的编程语言，而是一种标记语言（全称Markup Language）3.网页文件的扩展名为**.html 或 .htm**4.HTML使用标签来描述网页二、HTML的结构一个最基本的HTML文档结构如下：<html><head> //自行添加内容</head><body> //

2020-11-15 21:05:10 205

原创 Java编程：利用while语句计算10的阶乘

如题：本次程序主要是熟悉while语句while 循环语句的语法结构如下：/* while(条件表达式) {语句块;}*/注意事项：1、先了解while语句的特点以及语法结构2、注意包名、类名的命名代码如下：package while语句;//使用 while 语句计算 10 的阶乘public class Ex_6 { public static void main(String[] args) { int n = 1; int i =

2020-11-10 23:54:54 10837

原创 Java编程：通过获取当前时间，判断今天星期几

主要学习Java语句中的switch语句：注意事项：1、了解swtich语句2、注意包名类名的命名代码如下：package switch语句;import java.util.Calendar;public class Ex_5{ public static void main(String[] args) { String weekDate = ""; Calendar calendar = Calendar.getInstance(); // 获

2020-11-10 23:50:08 1351 1

原创 Java编程：通过座位号的大小，决定奖项等级

本次主要学习：switch语句/*1）switch表示“开关”，这个开关就是 switch 关键字后面小括号里的值，小括号里要放一个整型变量或字符型变量。表达式必须为 byte，short，int，char类型。Java7 增强了 switch 语句的功能，允许 switch 语句的控制表达式是 java.lang.String 类型的变量或表达式。只能是 java.lang.String 类型，不能是 StringBuffer 或 StringBuilder 这两种字符串的类型。2）case

2020-11-10 23:44:49 226

原创 Java编程：通过键盘输入学生成绩，判断成绩等级

代码如下：package if语句;//假设某学校对成绩的判断标准是：不低于 90，可以评为优秀；低于 90 但不低于 80，可以评为良好；低于 80 但不低于 60，可以评为中等；否则评为差。import java.util.Scanner;public class Ex_3{ public static void main(String[] args){ System.out.println("请输入你的成绩："); Scanner input = ne

2020-11-07 20:31:49 14307

原创 Java编程：用户通过键盘输入一个数字，判断该数是否大于100

注意：包名为if语句，请根据自己的包名作修改类名同上代码如下：package if语句;import java.util.Scanner;//编写一个 Java 程序，允许用户从键盘输入一个数字，再判断该数是否大于 100。使用 if 语句的实现代码如下：public class Ex_1{ public static void main(final String[] args) { System.out.print("请输入一个数字："); fin

2020-11-07 20:25:02 5080

原创 Java语言基本要素：字面值

1.字面值是什么？*字面值就是数据。*字面值是java源程序的组成部分之–。包括标识符和关键字它们都是java源程序的组成部分。*.数据在现实世界当中是分门别类的，所以数据在计算机编程语言当中也是有类型的:[数据类型]----1、2、7、40、100 属于整数型字面值----4.33 6.88 ...

2019-11-19 13:47:29 189

原创 Java语言的基本要素：标识符

标识符1.什么是标识符：-在Java源程序中凡是程序员有权利自己命名的单词都是标识符-标识符可以标识什么元素呢?*类名*方法名*变量名*接口名*常量名…2.标识符的命名规则? [不按照这个规则来，编译器会报错，这是语法]*只能由“数字、字母、下划线_、美元符号$"组成，不能含有其它符号*不能数字开头*严格区分大小写*关键字不能做标识符*理论上无长度限制，但是最好不要太...

2019-11-19 13:21:47 187

原创利用Java编程实现输出hello world

Java入门编程：利用Java编程实现输出hello world注意事项//类体中不允许直接编写Java语句【除声明变量之外】//public：表示公开的//class：表示定义一个类//hello：表示一个类名//static：表示静态的//void：表示空//main：表示方法名是main代码如下：**public class hello{//表示定义一个公开的类，名称为...

2019-11-18 21:11:43 2103 2

qq_45353963的博客