Vv_study_expe
Vv_study_expe

CSS美化页面

  1. CSS概述

CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

单纯使用html的属性来控制页面样式不方便

www.rlteach.com

张三

大家好，我们开始学习css

  1. css的引入方式
  1. 在HTML元素属性中引入

在html标签中使用style属性：

属性值是键值对形式的集合，每一个键值对之间的用:连接，多个属性值之间用;隔开。

www.rlteach.com

张三

    

大家好，我们开始学习css

  1. 在HTML的头信息中定义CSS

  1. 在HTML中引入CSS文件

通过head标签中link标签来实现，前提也是先要有一个已定好的CSS文件。

例：

HTML代码

www.rlteach.com

大家好，我们开始学习css

CSS引入代码：

CSS文件代码

p {

color: #00ff22;

text-align: center;

}

input {

width: 50px;

height: 10px;

}

注：可以通过多个link标签链接进来多个CSS文件。重复样式以最后链接进来的CSS样式为准。 

样式优先级： 

由上到下，由外到内。优先级由低到高。

3.CSS的选择器

1.CSS的基本选择器：

  • html选择器（元素类型选择器），就是把html本身作为选择器。
  • class选择器，就是把html标签的class属性值作为选择器。为了和HTML进行区分，加.作为前缀。
  • id选择器，就是把html标签的id属性值作为选择器。为了和HTML进行区分，加#作为前缀。

Html代码

www.rlteach.com

任亮

    

大家好，我们现在开始学习CSS

Css代码

基本选择器的优先级：元素类型选择器< 类选择器< ID选择器

2.选择器扩展

  • 关联选择器：标签的嵌套使用。相同标签中某些内容有不同显示

需求：写一个段话,我爱学习,把学习用粗体表示。

    针对一段话中的粗体部分添加样式：红色,30px

p b：元素中间的空格代表p元素内部的b元素

Html代码：

我们开始学习css

CSS代码：

  • 组合选择器：不同的标签显示相同的样式。

需求：我要把所有的p标签和b标签的内容都添加样式：蓝色,130px

HTML代码

b,p：逗号代表两侧的元素使用当前同一个样式

大家好

老师好

css真简单

CSS代码：

  1. div和span

 div和span是html中块级元素，是层叠样式表中的定位技术。

1.div第一个例子

示例代码1

<html>

<head>

<title>div 标记范例title>

<style type="text/css">

style>

   head>

<body>

<div>

这是一个div标记

div>

body>

html>

2.Div和span的区别

div自动的换行，span不换行

示例代码2：

<html>

<head>

<title>div与span的区别title>

   head>

<body>

<p>div标记不同行：p>

<div><img src="building.jpg" border="0">div>

<div><img src="building.jpg" border="0">div>

<div><img src="building.jpg" border="0">div>

<p>span标记同一行：p>

<span><img src="building.jpg" border="0">span>

<span><img src="building.jpg" border="0">span>

<span><img src="building.jpg" border="0">span>

body>

html>

3.div的边框样式

"border-style

示例代码3：

<html>

<head>

<title>border-styletitle>

<style type="text/css">

style>

   head>

<body>

<div style="border-style:dashed">The border-style of dashed.div>

<div style="border-style:dotted">The border-style of dotted.div>

<div style="border-style:double">The border-style of double.div>

<div style="border-style:solid">The border-style of solid.div>

body>

html>

4.div的内边框padding

所有html在布局上都遵守盒子模型

示例代码4：

<html>

<head>

<title>paddingtitle>

<style type="text/css">

style>

   head>

<body>

<div class="outside">

<div class="inside">paddingdiv>

div>

body>

html>

5.div外边框margin

示例代码5：

<html>

<head>

<title>两个行内元素的margintitle>

<style type="text/css">

style>

   head>

<body>

<span class="left">行内元素1span><span class="right">行内元素2span>

body>

html>

示例代码6：

<html>

<head>

<title>父子块的margintitle>

<style type="text/css">

style>

   head>

<body>

<div class="father">

<div class="son">子divdiv>

div>

body>

html>

示例代码7：

<html>

<head>

<title>设置父块的高度title>

<style type="text/css">

style>

   head>

<body>

<div class="father">

<div class="son">子divdiv>

div>

body>

html>

6.文字处理

1字体

代码

<html>

<head>

<title>文字字体title>

<style>

style>

   head>

<body>

<h2>立 春h2>

<p>自秦代以来，我国就一直以立春作为春季的开始。立春是从天文上来划分的，而在自然界、在人们的心目中，春是温暖，鸟语花香；春是生长，耕耘播种。在气候学中，春季是指候（5天为一候）平均气温10℃至22℃的时段。p>

<p class="kaiti">作者: isaacp>

body>

html>

2 文字大小

  • 大小单位

px
相对长度单位。像素（Pixel）。
像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
em
相对长度单位。相对于当前对象内文本的字体尺寸。
如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
ex
相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。
如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
pt
绝对长度单位。点（Point）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
pc
绝对长度单位。派卡（Pica）。相当于我国新四号铅字的尺寸。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
in
绝对长度单位。英寸（Inch）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
mm
绝对长度单位。毫米（Millimeter）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
cm
绝对长度单位。厘米（Centimeter）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc

代码

<html>

<head>

<title>文字大小title>

<style>

style>

   head>

<body>

<p class="inch">文字大小，0.5inp>

<p class="cm">文字大小，0.5cmp>

<p class="mm">文字大小，4mmp>

<p class="pt">文字大小，12ptp>

<p class="pc">文字大小，2pcp>

body>

html>

3.文字加粗：

代码：

<html>

<head>

<title>文字粗体title>

<style>

style>

   head>

<body>

<h1>文字<span>粗span>体h1>

<span class="ten">文字粗细: lighter span>

<span class="ten">文字粗细:boldspan>

<span class="eleven">文字粗细:normalspan>

body>

html>

4.文字斜体

代码

<html>

<head>

<title>文字斜体title>

<style>

style>

   head>

<body>

<h1>文字<span>斜span>体h1>

<p class="one">文字斜体p>

<p class="two">文字斜体p>

body>

html>

5.文字下划线、顶划线、删除线

<html>

<head>

<title>文字下划线、顶划线、删除线title>

<style>

style>

   head>

<body>

<p class="one">下划线文字，下划线文字p>

<p class="two">顶划线文字，顶划线文字p>

<p class="three">删除线文字，删除线文字p>

<p class="four">文字闪烁p>

<p>正常文字对比p>

body>

html>

第二段

<html>

<head>

<title>文字下划线、顶划线、删除线title>

<style>

style>

   head>

<body>

<p>正常文字对比p>

<p class="one">下划线文字，顶划线文字p>

<p class="two">下划线文字，删除线文字p>

<p class="three">顶划线文字，删除线文字p>

<p class="four">三种效果同时p>

body>

html>

6.文字对齐方式

<html>

<head>

<title>水平对齐title>

<style>

style>

   head>

<body>

<p class="left">

这个段落采用左对齐的方式，text-align:left，因此文字都采用左对齐。<br>

床前明月光，疑是地上霜。<br>举头望明月，低头思故乡。<br>李白

p>

<p class="right">

这个段落采用右对齐的方式，text-align:right，因此文字都采用右对齐。<br>

床前明月光，疑是地上霜。<br>举头望明月，低头思故乡。<br>李白

p>

<p class="center">

这个段落采用居中对齐的方式，text-align:center，因此文字都采用居中对齐。<br>

床前明月光，疑是地上霜。<br>举头望明月，低头思故乡。<br>李白

p>

body>

html>

7.实现首字放大效果

<html>

<head>

<title>首字放大title>

<style>

style>

   head>

<body>

<img src="mainroad.jpg" style="float:right;">

<span>春span>

<p>季，地球的北半球开始倾向太阳，受到越来越多的太阳光直射，因而气温开始升高。随着冰雪消融，河流水位上涨。春季植物开始发芽生长，许多鲜花开放。冬眠的动物苏醒，许多以卵过冬的动物孵化，鸟类开始迁徙，离开越冬地向繁殖地进发。许多动物在这段时间里发情，因此中国也将春季称为“万物复苏”的季节。春季气温和生物界的变化对人的心理和生理也有影响。p>

<p>对农民来说，春季是播种许多农作物的季节。在春季，地球的北半球开始倾向太阳，受到越来越多的太阳光直射，因而气温开始升高。随着冰雪消融，河流水位上涨。春季植物开始发芽生长，许多鲜花开放。冬眠的动物苏醒，许多以卵过冬的动物孵化，鸟类开始迁徙，离开越冬地向繁殖地进发。许多动物在这段时间里发情，因此中国也将春季称为“万物复苏”的季节。p>

body>

html>

2 背景图片

示例代码

<html>

<head>

<title>背景图片title>

<style>

style>

   head>

<body>

body>

html>

3 背景平铺

background-repeat:repeat-y控制垂直方向平铺

background-repeat:repeat-x控制水平方向平铺

background-repeat:no-repeat;图片不重复

<html>

<head>

<title>背景重复title>

<style>

style>

   head>

<body>

body>

html>

8.表格样式

示例代码1：

<html>

<head>

<title>年度收入title>

<style>

style>

   head>

<body> 

<table class="datalist">

<caption>年度收入 2004 - 2007caption>

<tr>

<th>th>

<th scope="col">2004th>

<th scope="col">2005th>

<th scope="col">2006th>

<th scope="col">2007th>

tr>

<tr>

<th scope="row">拨款th>

<td>11,980td>

<td>12,650td>

<td>9,700td>

<td>10,600td>

tr>

<tr>

<th scope="row">捐款th>

<td>4,780td>

<td>4,989td>

<td>6,700td>

<td>6,590td>

tr>

<tr>

<th scope="row">投资th>

<td>8,000td>

<td>8,100td>

<td>8,760td>

<td>8,490td>

tr>

<tr>

<th scope="row">募捐th>

<td>3,200td>

<td>3,120td>

<td>3,700td>

<td>4,210td>

tr>

<tr>

<th scope="row">销售th>

<td>28,400td>

<td>27,100td>

<td>27,950td>

<td>29,050td>

tr>

<tr>

<th scope="row">杂费th>

<td>2,100td>

<td>1,900td>

<td>1,300td>

<td>1,760td>

tr>

<tr>

<th scope="row">总计th>

<td>58,460td>

<td>57,859td>

<td>58,110td>

<td>60,700td>

tr>

table>

body>

html>

9.列表样式

示例代码：

<html>

<head>

<title>图片符号title>

<style>

style>

   head>

<body>

<p>自行车p>

<ul>

<li>Road cycling 公路自行车赛li>

<li>Track cycling 场地自行车赛li>

<li>sprint  追逐赛li>

<li>time trial 计时赛li>

<li>points race  计分赛li>

<li>pursuit  争先赛li>

<li>Mountain bike 山地自行车赛li>

ul>

body>

html>

示例代码2：

<html>

<head>

<title>无需表格的菜单title>

<style>

style>

   head>

<body>

<div id="navigation">

<ul>

<li><a href="#">Homea>li>

<li><a href="#">My Bloga>li>

<li><a href="#">Friendsa>li>

<li><a href="#">Next Stationa>li>

<li><a href="#">Contact Mea>li>

ul>

div>

body>

html>

示例代码3：

<html>

<head>

<title>菜单的横竖转换title>

<style>

style>

   head>

<body>

<div id="navigation">

<ul>

<li><a href="#">Homea>li>

<li><a href="#">My Bloga>li>

<li><a href="#">Friendsa>li>

<li><a href="#">Next Stationa>li>

<li><a href="#">Contact Mea>li>

ul>

div>

body>

html>

#ffff00; /* 改变文字颜色 */

}

-->

style>

   head>

<body>

<div id="navigation">

<ul>

<li><a href="#">Homea>li>

<li><a href="#">My Bloga>li>

<li><a href="#">Friendsa>li>

<li><a href="#">Next Stationa>li>

<li><a href="#">Contact Mea>li>

ul>

div>

body>

html>

你可能感兴趣的:(Java,css,html,前端)

  • Java中的批处理优化：使用Spring Batch处理大规模数据的实践 微赚淘客系统开发者@聚娃科技 javaspringbatch
    Java中的批处理优化：使用SpringBatch处理大规模数据的实践大家好，我是微赚淘客返利系统3.0的小编，是个冬天不穿秋裤，天冷也要风度的程序猿！在处理大规模数据的场景中，批处理是一个非常常见且必要的操作。Java中的SpringBatch是一个强大的框架，能够帮助我们高效地执行复杂的批处理任务。本文将带大家了解如何使用SpringBatch处理大规模数据，并通过代码示例展示如何实现高效的批
  • js递归性能优化 啃火龙果的兔子 开发DEMOjavascript开发语言ecmascript
    JavaScript递归性能优化递归是编程中强大的技术，但在JavaScript中如果不注意优化可能会导致性能问题甚至栈溢出。以下是几种优化递归性能的方法：1.尾调用优化(TailCallOptimization,TCO)ES6引入了尾调用优化，但只在严格模式下有效：'usestrict';//普通递归functionfactorial(n){if(n===1)return1;returnn*fa
  • 2025 VUE常见面试题 hmildj vue.js面试前端
    前言总结一些VUE面试的基础知识，共同学习1.什么是Vue？答案：Vue.js（通常简称为Vue）是一个用于构建用户界面的‌渐进式JavaScript框架，Vue3是Vue.js框架的最新版本，它引入了许多改进和优化，包括性能提升、更好的类型支持、组合API等。2.MVVM模式是什么？Vue如何体现这一模式？‌答案：MVVM将视图（View）与数据（Model）通过ViewModel层解耦，Vue
  • Java静态static详解 Obltv Java基础java
    更多内容请看我的个人网站date:2025-06-04tags:八股基础静态变量特点被该类的所有对象共享不属于对象，属于类优先于对象存在，随着类的加载而加载调用方式类名调用对象名调用（不推荐）静态方法没有this关键字publicclassStudent{privateStringname;privateintage;privateStringteacherName;publicvoidshow(
  • Java中多态的一些见解
    更多内容请看我的个人网站多态初识调用成员的特点成员变量：编译看左边，运行看左边成员方法：编译看左边，运行看右边多态在调用成员变量时为什么是父类的，但是方法是子类的?一句话解释：在编译时（静态绑定），成员变量是根据引用类型（也就是声明的类型）来决定的；在运行时（动态绑定），方法是根据对象的实际类型（也就是new出来的类型）来决定的。举个经典例子classParent{publicStringname
  • Java中的值传递 Obltv Java基础java开发语言
    更多内容请看我的个人网站date:2025-06-01tags:八股基础Java中只有值传递什么是值传递值传递（PassbyValue）调用方法时，传递的是参数的值，是原始数据的一个副本。方法内部改变这个副本，不影响原始数据。什么是引用传递引用传递（PassbyReference）调用方法时，传递的是变量的地址（指针），方法内部对这个引用的任何更改，都会影响原始对象的引用。举例一个方法不能修改一个
  • 平台再升级！接入DeepSeek AI，三大能力一键生成 橙武科技 低代码AIdeepseek人工智能
    在数字化项目落地过程中，很多企业都会面临相同的问题：数据库建模要写SQL表结构；业务流程需要画LogicFlow流程图；前端页面还要写AMISJSON配置。从想法到实现，中间至少要经历产品经理、架构师、后端、前端多轮沟通。每个环节都耗时，改起来还要推翻重来。demo地址：https://admin.cwcode.top✨我们的平台，现在直接整合了DeepSeekAI大模型只要输入一句需求，就能：✅
  • 代码随想录算法训练营第52天 | 101.孤岛的总面积 、102.沉没孤岛、103.水流问题、104.建造最大岛屿 Amor_Fati_Yu 算法java数据结构
    101.孤岛的总面积importjava.util.*;publicclassMain{privatestaticintcount=0;privatestaticfinalint[][]dir={{0,1},{1,0},{-1,0},{0,-1}};//四个方向privatestaticvoidbfs(int[][]grid,intx,inty){Queueque=newLinkedList=gr
  • 将字符串数组String[]转换成List的三种方法 积极向上的Elbert java学习java开发语言
    通过Arrays.asList(strArray)方式,将数组转换List后，不能对List增删，只能查改，否则抛异常。String[]strArray=newString[2];Listlist=Arrays.asList(strArray)；list.add("1");//此处会报错原因解析：Arrays.asList(strArray)返回值是java.util.Arrays类中一个私有静态
  • Java Fork/Join 框架详解 empti_ 数据结构与算法java
    JavaFork/Join框架详解Fork/Join框架是Java7引入的一个并行编程框架，专门设计用来高效地实现分治算法（Divide-and-Conquer）。它通过工作窃取（Work-Stealing）算法来最大化多核处理器的利用率。一、核心概念1.基本组成ForkJoinPool：特殊的线程池，管理工作线程ForkJoinTask：表示任务的抽象类，有两个重要子类：RecursiveAct
  • Java注解的实现原理 empti_ Java基础java
    Java注解的实现原理Java注解的实现涉及Java语言规范、编译器处理和JVM支持等多个层面。下面我将详细解释注解在Java中的实现机制。一、注解的本质注解本质上是一种特殊的接口，所有注解类型都隐式继承自java.lang.annotation.Annotation接口。当你定义一个注解时：public@interfaceMyAnnotation{Stringvalue();}编译器实际上会生成
  • 并行归并排序的 Java 实现 empti_ 数据结构与算法java算法排序算法
    并行归并排序Java实现importjava.util.concurrent.RecursiveAction;importjava.util.concurrent.ForkJoinPool;publicclassParallelMergeSort{//主方法，供外部调用publicstaticvoidparallelMergeSort(int[]array){ForkJoinPoolpool=ne
  • 前端用MQTT协议通信的场景和好处 CreatorRay 前端网络面试前端MQTT网络协议物联网
    上家公司中前端项目有用MQTT协议和硬件通信的场景，虽然很早就听说过MQTT协议，但是这是第一次在前端项目里基于MQTT协议做网络通信。当时没了解太多，工作中只做好了代码层面的工作，并没有深入了解MQTT协议的好处和适合的应用场景。在前端项目中，应该99%的情况都会基于HTTP和WebSocket来进行网络通信，使用MQTT在前端里确实比较小众。目前可能只会在物联网项目中，需要跟硬件通信的前提下，
  • Spring Boot项目初始化加载自定义配置文件内容到静态属性字段 @Corgi Java面试题springboot后端java
    文章目录创建配置文件cXXX.properties配置类XXXConfig.java添加第三方JAR包创建配置文件cXXX.properties在resource目录下新建配置文件cXXX.properties，内容如下：#商户号mch_id=xxxxx#商户密码pwd=xxxx#接口请求地址req_url=https://xxx#异步回调通知地址（请替换为实际地址）notify_url=htt
  • Nginx与Tomcat：谁更适合你的服务器？ 当归1024 java中间件nginxnginxtomcat服务器
    nginx和Tomcat是两种不同类型的服务器软件，它们各有不同的用途和特点：基本定义nginx轻量级的HTTP服务器和反向代理服务器主要用于静态文件服务、负载均衡、反向代理TomcatJavaWeb应用服务器专门用于运行JavaWeb应用（JSP、Servlet）主要区别1.功能定位nginx：静态文件服务器反向代理服务器负载均衡器HTTP缓存服务器Tomcat：Java应用容器JSP/Serv
  • Spring AI Alibaba 支持国产大模型的Spring ai框架 程序员老陈头 面试学习路线阿里巴巴spring人工智能java
    总计30万奖金，SpringAIAlibaba应用框架挑战赛开赛点此了解SpringAI：java做ai应用的最好选择过去，Java在AI应用开发方面缺乏一个高效且易于集成的框架，这限制了开发者快速构建和部署智能应用程序的能力。SpringAI正是为解决这一问题而生，它提供了一套统一的接口，使得AI功能能够以一种标准化的方式被集成到现有的Java项目中。此外，SpringAI与原有的Spring生
  • Node.js 全局对象 froginwe11 开发语言
    Node.js全局对象引言Node.js作为一种流行的JavaScript运行环境，以其高性能、轻量级和跨平台的特点，被广泛应用于服务器端编程、网络应用开发等领域。在Node.js中，全局对象是一个重要的概念，它为开发者提供了一系列内置的全局变量和方法，使得编程变得更加便捷。本文将详细介绍Node.js的全局对象，帮助开发者更好地理解和运用它们。Node.js全局对象概述Node.js的全局对象指
  • 企业级AI开发利器：Spring AI框架深度解析与实战_spring ai实战 AI大模型-海文 人工智能springpython算法开发语言java机器学习
    企业级AI开发利器：SpringAI框架深度解析与实战一、前言：Java生态的AI新纪元在人工智能技术爆发式发展的今天，Java开发者面临着一个新的挑战：如何将大语言模型（LLMs）和生成式AI（GenAI）无缝融入企业级应用。传统的Java生态缺乏统一的AI集成方案，开发者往往需要为不同AI供应商（如OpenAI、阿里云、HuggingFace）编写大量重复的接口适配代码，这不仅增加了开发成本，
  • 009 【入门】单双链表及其反转-堆栈诠释 要天天开心啊 算法专栏算法链表
    链表与堆栈系统详解|[数据结构]-[中级]-[通用]一、基础概念与内存模型1.按值传递vs按引用传递|[Java]-[基础]-[内存]//[典型错误示例]-Java中的引用传递陷阱voidmodify(Nodenode){node=node.next;//[警告]错误！仅修改局部引用的指向，不影响原始链表}//[正确做法]-通过引用修改对象内部状态voidrealModify(Nodenode){
  • linux mysql命令行操作
    命令行,linux,命令行操作相关学习资料：https://edu.51cto.com/video/797.htmlhttps://edu.51cto.com/video/1400.htmlhttps://edu.51cto.com/video/3832.htmlLinuxMySQL命令行操作入门指南作为一名刚入行的开发者，掌握Linux系统下的MySQL命令行操作是一项基本技能。本文将带你一步步
  • 深度解析JavaScript 闭包 coding随想 JavaScriptjavascript开发语言ecmascript
    深度解析JavaScript闭包引言：为什么闭包让人又爱又怕？在JavaScript的学习过程中，闭包（Closure）是一个绕不开的“坎”。很多开发者第一次接触闭包时，会感到一头雾水：“为什么函数能记住外部作用域的变量？”、“为什么闭包会导致内存泄漏？”。但另一方面，闭包又是JavaScript最强大的特性之一，它支撑着模块化开发、数据封装、异步编程等核心场景。本文将通过通俗的语言和生动的案例，
  • JavaScript中的函数柯里化（Currying）：从概念到实战 coding随想 JavaScriptjavascriptecmascript开发语言前端
    JavaScript中的函数柯里化（Currying）：从概念到实战在JavaScript开发中，函数式编程（FunctionalProgramming）逐渐成为一种主流思想。而函数柯里化（Currying），正是这一思想中的核心技巧之一。它不仅能提升代码的复用性和灵活性，还能帮助我们构建更优雅、更模块化的解决方案。本文将带你从零开始，深入理解柯里化的原理、实现方式及实际应用场景。一、什么是函数柯
  • webpack和vite区别 PromptOnce webpack前端node.js
    一、Webpack1.概述Webpack是一个模块打包工具，它会递归地构建依赖关系图，并将所有模块打包成一个或多个bundle（包）。2.特点配置灵活：Webpack提供了高度可定制的配置文件，可以根据项目需求进行各种优化。生态系统丰富：Webpack拥有庞大的插件和加载器生态系统，可以处理各种资源类型（JavaScript、CSS、图片等）。支持代码拆分：通过代码拆分和懒加载，Webpack可以
  • 实现网页中CSS图片3D旋转效果 Kiki-2189
    本文还有配套的精品资源，点击获取简介：CSS是一种用于定义文档呈现方式的技术，通过CSS3的3D转换功能，能够在二维平面上展示三维对象，让网页元素具有立体感。本文详细介绍了实现CSS图片3D旋转效果所需的CSS属性，如transform,perspective,transition,以及:hover选择器，并提供了一个简单的代码示例。同时，文章也提到了兼容性问题以及提供回退方案的重要性。1.CSS
  • uniapp处理后端返回的html字符串 萌新咦～ uni-app
    前言：采用v-html方法处理1.处理前↵↵document.forms[0].submit();2.处理后↵↵document.forms[0].submit();3.跳转页面方法//传参uni.setStorageSync("ICBC_GW_V3_HTML",res.result.payUrl)//跳转uni.navigateTo({url:"/subpages/cashier/webView
  • javascript 动态画心加文字 das白 #javascriptjavascript动态心型线文字
    测试//铺满屏幕varwidth=document.documentElement.clientWidth;varheight=document.documentElement.clientHeight;document.getElementById("gycanvas").setAttribute("width",width);document.getElementById("gycanvas"
  • javascript 动态画心 das白 #javascriptjavascript动态心型线
    测试canvas{background:lawngreen;//画布背景色}//铺满屏幕varwidth=document.documentElement.clientWidth;varheight=document.documentElement.clientHeight;document.getElementById("gycanvas").setAttribute("width",width
  • javascript 画心型线
    测试canvas{background:lawngreen;//画布背景色}//铺满屏幕varwidth=document.documentElement.clientWidth;varheight=document.documentElement.clientHeight;document.getElementById("gycanvas").setAttribute("width",width
  • 掌握Web3开发：从入门到精通 夲奋亻Jay Web3web3
    掌握Web3开发是一个涉及多个步骤和学习阶段的过程。以下是一些关键的步骤和开发案例，以及它们在搜索结果中的索引编号：了解区块链基础：学习区块链的基本概念，如去中心化、加密技术、共识机制等[1]。学习智能合约：学习智能合约的工作原理和它们在区块链上的应用，特别是以太坊平台上的智能合约[1]。掌握Web3.js或Ethers.js：学习如何使用这些JavaScript库与智能合约交互、发送交易和监听事
  • JavaScript性能优化 lyh1344 javascript性能优化开发语言
    JavaScript性能优化方法减少重绘和回流频繁操作DOM会导致浏览器反复计算布局，引发性能问题。使用documentFragment进行批量DOM操作，或通过classList一次性修改多个样式属性。缓存DOM查询结果，避免重复访问。事件委托利用事件冒泡机制，将事件监听器绑定到父元素而非多个子元素。减少内存占用，提升动态内容的事件处理效率。节流与防抖高频事件（如滚动、输入）通过节流（Throt
  • java线程的无限循环和退出 3213213333332132 java
    最近想写一个游戏，然后碰到有关线程的问题，网上查了好多资料都没满足。 突然想起了前段时间看的有关线程的视频，于是信手拈来写了一个线程的代码片段。 希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date
  • tomcat 容器 BlueSkator tomcatWebservlet
    Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine，其职责为处理由connector获得的客户请求。   3、connector 一个connector
  • php递归,静态变量,匿名函数使用 dcj3sjt126com PHP递归函数匿名函数静态变量引用传参
      <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body>
  • 属性颜色字体变化 周华华 JavaScript
    function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039;
  • 将properties内容放置到map中 g21121 properties
    代码比较简单： private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
  • [简单]拼接字符串 53873039oycg 字符串
             工作中遇到需要从Map里面取值拼接字符串的情况，自己写了个，不是很好，欢迎提出更优雅的写法，代码如下：           import java.util.HashMap; import java.uti
  • Struts2学习 云端月影
    最近开始关注struts2的新特性，从这个版本开始，Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。 配置文件精简了，的确是简便了开发过程，但是，我们熟悉的配置突然disappear了，真是一下很不适应。跟着潮流走吧，看看该怎样来搞定convention-plugin。 使用Convention插件，你需要将其JAR文件放
  • Java新手入门的30个基本概念二 aijuans java新手java 入门
    基本概念:　　1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。　　2.OOP中最重要的思想是类,类是模板是蓝图,
  • jedis 简单使用 antlove javarediscachecommandjedis
    jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub
  • PL/SQL的函数和包体的基础 百合不是茶 PL/SQL编程函数包体显示包的具体数据包
    由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,   函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值 定义函数的 --输入姓名找到该姓名的年薪 create or re
  • Mockito(二)--实例篇 bijian1013 持续集成mockito单元测试
            学习了基本知识后，就可以实战了，Mockito的实际使用还是比较麻烦的。因为在实际使用中，最常遇到的就是需要模拟第三方类库的行为。         比如现在有一个类FTPFileTransfer，实现了向FTP传输文件的功能。这个类中使用了a
  • 精通Oracle10编程SQL(7)编写控制结构 bijian1013 oracle数据库plsql
    /* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set
  • 【Log4j二】Log4j属性文件配置详解 bit1129 log4j
    如下是一个log4j.properties的配置   log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe
  • java集合排序笔记 白糖_ java
    public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam
  • java导致linux负载过高的定位方法 ronin47
    定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题 将消耗资源的Java PID转
  • 给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数 bylijinnan 函数
    import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目：给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数。 解法1： f(k) = (x0-1)*5^0+(x1-
  • PL/SQL Developer保存布局 Kai_Ge
          近日由于项目需要，数据库从DB2迁移到ORCAL，因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉，造成了很多麻烦，最主要的就是进入后，左边列表有很多选项，自己删除了一些选项卡，布局很满意了，下次进入后又恢复了以前的布局，很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段：   &n
  • [未来战士计划]超能查派[剧透,慎入] comsci 计划
           非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........        虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....    &nbs
  • Google Map API V2 dai_lm google map
    以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章，大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程 由于v2的key需要G
  • java数据计算层的几种解决方法2 datamachine javasql集算器
    2、SQL     SQL/SP/JDBC在这里属于一类，这是老牌的数据计算层，性能和灵活性是它的优势。但随着新情况的不断出现，单纯用SQL已经难以满足需求，比如： JAVA开发规模的扩大，数据量的剧增，复杂计算问题的涌现。虽然SQL得高分的指标不多，但都是权重最高的。     成熟度：5星。最成熟的。   
  • Linux下Telnet的安装与运行 dcj3sjt126com linuxtelnet
    Linux下Telnet的安装与运行   linux默认是使用SSH服务的 而不安装telnet服务  如果要使用telnet 就必须先安装相应的软件包  即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9，则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
  • PHP中钩子函数的实现与认识 dcj3sjt126com PHP
    假如有这么一段程序： function fun(){ fun1(); fun2(); }   首先程序执行完fun1()之后执行fun2()然后fun()结束。   但是，假如我们想对函数做一些变化。比如说，fun是一个解析函数，我们希望后期可以提供丰富的解析函数，而究竟用哪个函数解析，我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。   我们可以在fu
  • EOS中的WorkSpace密码修改 蕃薯耀 修改WorkSpace密码
    EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】 hanqunfeng SpringSecurity
     SpringSecurity的配置相对来说有些复杂，如果是完整的bean配置，则需要配置大量的bean，所以xml配置时使用了命名空间来简化配置，同样，spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity，达到同样减少bean配置的目的，如下：   applicationContex
  • ie 9 kendo ui中ajax跨域的问题 jackyrong AJAX跨域
    这两天遇到个问题，kendo ui的datagrid，根据json去读取数据，然后前端通过kendo ui的datagrid去渲染，但很奇怪的是，在ie 10,ie 11,chrome,firefox等浏览器中，同样的程序， 浏览起来是没问题的，但把应用放到公网上的一台服务器， 却发现如下情况： 1） ie 9下，不能出现任何数据，但用IE 9浏览器浏览本机的应用，却没任何问题
  • 不要让别人笑你不能成为程序员 lampcy 编程程序员
    在经历六个月的编程集训之后，我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。 说实话，我感觉我的脑细胞像被轰炸过一样。 手慢慢地离开键盘，心里很压抑。不禁默默祈祷：一切都会进展顺利的，对吧？至少有些地方我的回答应该是没有遗漏的，是不是？ 难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗？ 我需要一点点安慰。在自我怀疑，不安全感和脆弱等等像龙卷风一
  • 马皇后的贤德 nannan408
       马皇后不怕朱元璋的坏脾气，并敢理直气壮地吹耳边风。众所周知，朱元璋不喜欢女人干政，他认为“后妃虽母仪天下，然不可使干政事”，因为“宠之太过，则骄恣犯分，上下失序”，因此还特地命人纂述《女诫》，以示警诫。但马皇后是个例外。 　　有一次，马皇后问朱元璋道：“如今天下老百姓安居乐业了吗？”朱元璋不高兴地回答：“这不是你应该问的。”马皇后振振有词地回敬道：“陛下是天下之父，
  • 选择某个属性值最大的那条记录（不仅仅包含指定属性，而是想要什么属性都可以） Rainbow702 sqlgroup by最大值max最大的那条记录
    好久好久不写SQL了，技能退化严重啊！！！   直入主题： 比如我有一张表，file_info， 它有两个属性（但实际不只，我这里只是作说明用）： file_code, file_version 同一个code可能对应多个version 现在，我想针对每一个code，取得它相关的记录中，version 值 最大的那条记录， SQL如下： select *
  • VBScript脚本语言 tntxia VBScript
      VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。   VB家族语言简介   Visual Basic 6.0           源于BASIC语言。           由微软公司开发的包含协助开发环境的事
  • java中枚举类型的使用 xiao1zhao2 javaenum枚举1.5新特性
    枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.   1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN }   枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.   2.常用方法 静态的values()方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他