CSS 规则: CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 书写位置: css的代码根据书写位置的不同可以分为四种书写方式:内联式、内嵌式、外联式、导入式。 内联式: 内联式,也被习惯叫做行内式。 书写位置:在 HTML 标签之上的 style 属性中书写 css 样式。 所有的 ...
分类:
Web程序 时间:
2020-12-05 10:45:41
阅读次数:
8
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
为什么会出现浏览器兼容问题? 由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒,都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。 CSS Bug、CSS Ha ...
分类:
其他好文 时间:
2020-12-03 11:59:22
阅读次数:
5
1.在Visual Studio Code创建一个后缀名为 .html 的文件并输入骨架标签 。 2.在Visual Studio Code创建一个后缀名为 .css的文件。 3.CSS样式代码输入完成后返回 .html的文件<head>标签里输入<link>标签,在<link>标签里的 href里 ...
分类:
Web程序 时间:
2020-12-03 11:44:03
阅读次数:
10
布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。
2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览... ...
分类:
Web程序 时间:
2020-12-02 12:08:02
阅读次数:
10
严格按照https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks学习 一.层叠与继承 1.冲突规则: CSS扩写:Cascading Style Sheets (cascade 有层叠的意思) 层叠:一边来说写在后面的规则会 ...
分类:
Web程序 时间:
2020-12-01 12:39:36
阅读次数:
10
HTML: css(sass): 复制代码 .info &:hover::after { content: attr(data-title); display: inline-block; width: 70px; height: 22px; border: 1px solid #0088d8; f ...
分类:
Web程序 时间:
2020-12-01 12:24:49
阅读次数:
10