注意点:想要将缩放之后的div对齐顶点,那么需要将css属性设置为:transform-origin: 0 0 <div style="width: 900px; height: 900px; background: gray; overflow: auto;"> <div style="width ...
分类:
Web程序 时间:
2020-12-07 11:57:04
阅读次数:
8
HTML中定位属性之固定定位position:fixed; 定位属性:static :默认文本流 margin padding 从左到右 从上到下fixed:固定定位(脱离原来的文本)position: fixed;盒子的左边到浏览器可视窗口左边之间的距离left:20px;盒子的右边到浏览器可视窗 ...
分类:
其他好文 时间:
2020-12-07 11:56:45
阅读次数:
5
<style type="texts">.*{ margin:0; padding:0; }.father{ position:relative; width:600px; height:400px; background:#F96; margin:50px auto; } .box1,.box2, ...
分类:
其他好文 时间:
2020-12-05 11:10:03
阅读次数:
6
JavaWeb 1.基础概念 1.1前言 web开发: web,网页 静态web html,css 不会发生改变的网页 动态web 可以动态改变的网页 技术栈:Servlet/JSP,ASP,PHP 使用Java进行的动态web资源开发的技术统称为JavaWeb 1.2Web应用程序 Web应用程序 ...
分类:
编程语言 时间:
2020-12-05 11:06:04
阅读次数:
8
CSS 规则: CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 书写位置: css的代码根据书写位置的不同可以分为四种书写方式:内联式、内嵌式、外联式、导入式。 内联式: 内联式,也被习惯叫做行内式。 书写位置:在 HTML 标签之上的 style 属性中书写 css 样式。 所有的 ...
分类:
Web程序 时间:
2020-12-05 10:45:41
阅读次数:
8
相对定位与绝对定位的练习 .father{ width:600px; height:400px; background:#F63; margin:50px auto; position:relative; } .box1,.box2,.box3,.box4{ width:80px; height:6 ...
分类:
Web程序 时间:
2020-12-04 11:47:25
阅读次数:
23
HTML三把利剑之一,浏览器具有解析js的能力 一、js基础 在HTML中可以将JavaScript/JS的代码写在head中,被script标签所包裹,当浏览器解释HTML时,遇到style标签时,按照CSS规则解释,遇到Script标签时,按照JavaScript的语法规则解释。 引入JavaS ...
分类:
Web程序 时间:
2020-12-04 11:31:56
阅读次数:
10
一、HTML含义1、根据W3C定义,HTML全称Hyper Text Markup Language: 超文本标记语言,用于定义文档的内容结构,该语言书写的代码通常会被浏览器解析执行。二、css含义1、根据W3C定义,CSS全称Cascading Style Sheets: 层叠样式表,用于定义HT ...
分类:
Web程序 时间:
2020-12-04 10:49:58
阅读次数:
11
话不多说先上要实现的效果:(很简单水平居中) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素垂直居中的方法</title> </head> <style type="text/css"> /* 方式一 */ .box{ w ...
分类:
其他好文 时间:
2020-12-03 12:27:34
阅读次数:
16
动态INCLUDE用jsp:include动作实现 <jsp:include page=included.jsp />它总是会检查所含文件中的变化,适合用于包含动态页面,并且可以带参数. 用于动态引入一个 JSP 页面,是编译后的页面,只要编译后的结果 静态INCLUDE用<%@ include f ...
分类:
Web程序 时间:
2020-12-03 12:20:19
阅读次数:
13