cgb2106-day08

cgblpx

已于 2022-02-09 09:37:17 修改

阅读量4.6k

点赞数 2

分类专栏： cgb2106班的笔记文章标签： css html 前端

于 2021-08-04 09:01:17 首次发布

本文链接：https://blog.csdn.net/u012932876/article/details/119375101

版权

本文介绍了如何模拟服务器解析数据，重点讲解了CSS代码与HTML代码的分离，包括新建CSS文件并引入到HTML中。同时，对JavaScript进行了概述，包括其基本语法、语句、数组和函数等内容，帮助初学者理解JS的基础应用。

摘要由CSDN通过智能技术生成

文章目录

一,模拟服务器解析数据

package cn.tedu.test;

public class TestUrl {
   
    public static void main(String[] args) {
   
String url="http://127.0.0.1:8848/cgb2106/test04.html?" +
        "user=1&age=123&sex=1&like=ppq&like=ps&edu=2";
//        1,把字符串按照?切割split("?"),得到数组a,两个字符串
        String[] a = url.split("\\?");
//        2,重点解析a[1],得到user=1&age=123&sex=1&like=ppq&like=ps&edu=2
        String s = a[1];
//        3,把字符串按照&切割split("&"),得到数组b
        String[] b = s.split("&");
        //[user=1,age=123,sex=1,like=ppq,like=ps]
//        4,遍历数组,再按照=切割,又得到数组c
        for(String str : b){
   
            String[] c =str.split("=");
//        5,只获取c[1]就是用户从浏览器输入的数据
            String data = c[1];
            System.out.println(data);
        }
//        TODO 6,利用jdbc把数据入库/查库
    }
}

二,实现CSS代码和HTML代码的分离

在这里插入图片描述

–1,新建css文件

/* 1.标签名选择器: 选中网页中所有标签名是div的元素*/
div{
   
	background-color: skyblue;/* 给div加背景色 */
}
span{
   
	font-size: 40px; /* 给span加大字号 */
}
/* 2. class选择器: 给指定元素加class属性 , 通过.获取class的值 ,值可以相同 */
.a{
   
	color: crimson;/* 给第一个span元素,改变字的颜色 */
}
/* 3. id选择器: 给指定的元素加id属性 , 通过#获取id的值 , 值不要相同 */
#b{
   
	font-family: "微软雅黑";/* 字体 */
}
/* 4. 分组选择器: 把多个选择器的结果组成一组,统一设置样式 */			
#b,.a{
   
border:2px solid red; /* 指定宽度,实线,边框颜色 */
border-radius:5px;    /* 圆角边框 */
}
/* 5. 属性选择器: 按照指定属性选中元素 */
input[type="text"]{
   
text-shadow: 5px 5px 5px #FF0000;/* 加阴影 */
text-align:center;/* 文字居中 */
}

–2,在HTML网页文件中,引入css文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 css选择器</title>
		
		<!-- 引入外部的css文件 -->
		<link rel="stylesheet" href="1.css"/>
		
	</head>
	<body>
		<input type="text" placeholder="用户名" />
		<input type="text" placeholder="密码" />