meta

清除浮动的4种方法

由 牧云@^-^@ 提交于 2020-02-03 05:54:25
1.额外标签法： < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http-equiv = "X-UA-Compatible" content = "ie=edge" > < title > 额外标签法 < /title > < style > .box { width:1000px ; margin: 0 auto ; border: 1px solid blue ; } .damao { float: left ; width: 300px ; height: 200px ; background-color: purple ; } .ermao { float: left ; width: 200px ; height: 200px ; background-color: pink ; } .footer { height: 200px ; background-color: black ; } /* 清除浮动 */ .clear { clear: both ; } < /style > < /head >

页面通过header进行跳转

由 倖福魔咒の 提交于 2020-02-03 05:13:11
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="0; url=/jenkins" /> <title>Title</title> </head> <body> </body> </html> 来源： CSDN 作者： 悠悠-我心 链接： https://blog.csdn.net/liu_yulong/article/details/104141622

关于CSS样式表，看这篇就够了！

由 血红的双手。 提交于 2020-02-03 03:41:20
文章目录 1 CSS 样式表 1.1 CSS 规则 1.2 CSS 选择器 1.2.1 标记选择器 1.2.2 类别选择器 1.2.3 id 选择器 1.3 在页面中包含 CSS 1.3.1 行内样式 1.3.2 内嵌式 1.3.3 链接式 2 CSS3 的新特性 2.1 模块与模块化结构 2.2 一个简单的 CSS3 实例 1 CSS 样式表 CSS 是 W3C 协会为弥补 HTML 在显示属性设定上的不足而制定的一套扩展样式标准。CSS 标准中重新定义了 HTML 中原来的文字显示样式，增加了一些新的概念，如类、层等，可以对文字重叠、定位等。在 CSS 还没有引入到页面设计之前，传统的 HTML 语言要实现页面美化在设计上是十分麻烦的，例如要设计页面中文字的样式，如果使用传统的 HTML 语句来设计页面就不得不在每个需要设计的文字上都定义样式。CSS 的出现改变了这一传统模式。 1.1 CSS 规则 在 CSS 样式表中包含 3 部分内容：选择符、属性和属性值。语法格式如下： 选择符{属性:属性值;} 参数说明: 选择符：又称选择器，是 CSS 中很重要的概念，所有 HTML 语言中的标记标签都是通过不同的 CSS 选择器进行控制的。 属性：主要包括字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。其中一些属性只有部分浏览器支持

八卦图

由 南笙酒味 提交于 2020-02-03 03:41:02
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>八卦图</title> </head> <body> <canvas id = "canvas" width = "500px" height = "500px"></canvas> </body> <script> var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); context.beginPath(); context.arc(250,250,200,0,Math.PI*2); context.stroke(); context.beginPath(); context.arc(250,250,200,Math.PI/2,Math.PI*3/2); context.fill(); context.fillStyle =

HTML实体

由 六月ゝ 毕业季﹏ 提交于 2020-02-03 01:24:58
HTML：超文本标记语言（所谓超文本指的是超链接） HTML使用标签的形式来标识网页中的不同组成部分 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello Python</title> </head> <body> <!-- 在网页中编写多个空格默认被浏览器解析为一个空格 --> <h1>Hello Python!</h1> <!-- 在HTML中，我们不能直接书写特殊符号 比如：多个连续的空格，比如字母两侧的大于号和小于号 如果我们需要在网页中书写这些特殊的字符，则需要使用HTML中的实体（转义字符） 实体的语法： &实体的名字;  (一个这个代表一个空格，两个代表两个空格) >大于号 <小于号 ©版权符号 --> <p> <!-- <b>标签加粗的意思,如果想原样输出，直接在前后加上空格即可 --> a < b >c <!-- a<b>c 该语句和上述语句表达意思一样--> </p> <p> 崽子   你超棒哒！！！ </p> <!-- ctrl+斜杠是注释的快捷键 --> </body> </html> <!--文档声明 声明当前网页的版本--> <!doctype html> <!-- html为根标签 网页中的所有内容都要写在根元素里边--> <html> <!-- head是网页的头部

乘法口诀助记功能，输出阶梯形式的 9*9 乘法口诀表，如： 所示

由 痞子三分冷 提交于 2020-02-01 19:49:50
乘法口诀助记功能，输出阶梯形式的 9*9 乘法口诀表，如： 所示 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < / title > < / head > < body > < script > for ( var i = 1 ; i <= 9 ; i ++ ) { for ( var j = 1 ; j <= i ; j ++ ) { document . write ( j + ( '*' ) + i + ( '=' ) + ( i * j ) + " " ) ; } document . write ( "<br>" ) ; } < / script > < / body > < / html > 来源： CSDN 作者： ㄚОㄩ 链接： https://blog.csdn.net/qq_43443651/article/details/104137075

flex布局

由 天大地大妈咪最大 提交于 2020-02-01 19:09:15
（一） 认识flex布局 flex布局完全可以代替浮动，浮动比较麻烦而且会带来高度坍塌。 如下外面的大框是flex-container,里面的小框是flex-item。 以下分析（上面为代码，下面为代码的效果图） < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < / title > < style > . box { /* 开启flex布局有2个方法 display: flex;块级元素 display: inline-flex;行内元素 */ display : flex ; width : 5 oopx ; height : 300 px ; background - color : #f00 ; } < / style > < / head > < body > < div class = "box" > < div > < / div > < div > <

04001_HTML简单介绍

由 淺唱寂寞╮ 提交于 2020-02-01 07:21:58
1、超文本标记语言 　　（1）超文本：比普通文本功能更加强大； 　　（2）标记语言：使用一组标签对内容进行描述的一门语言，它不是编程语言！ 2、HTML语法和规范 　　（1）所有的html文件后缀名都是以.html或者.htm结尾的，建议使用.html结尾； 　　（2）整个html文件分别由头部分<head></head>和体部分<body></body>组成； 　　（3）Html标签都是由开始标签和结束标签组成，单标签除外（<br />）； 　　（4）html不区分大小写，建议使用小写。 3、标题标签 　　（1）标题标签使用<hn></hn>，n从1到6逐渐变小，超过6的按照6进行显示； 　　（2）代码演示： 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>标题标签</title> 7 </head> 8 9 <body> 10 <!--标题标签 --> 11 <h1>我是标题1</h1> 12 <h2>我是标题2</h2> 13 <h3>我是标题3</h3> 15 <h4>我是标题4</h4> 18 <h5>我是标题5</h5> 21 <h6>我是标题6</h6> 22 </body> 23 24 </html> 　　运行结果： 　　 4、注释标签 　　<!--注释--> 　

CSS伪元素的使用

由 若如初见. 提交于 2020-02-01 07:08:36
css伪元素使用 直接上代码 CSS <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title> <style> * { padding: 0; margin: 0; } .father { width: 100px; height: 100px; background-color: blue; } .father::after { position: absolute; content: ""; top: 0; left: 0; width: 50px; height: 50px; background-color: skyblue; } </style> </head> <body> <div class="father"></div> </body> </html> 来源： CSDN 作者： big tail 链接： https://blog.csdn.net/qq_37698249/article

HTML5基础

由 試著忘記壹切 提交于 2020-02-01 06:52:10
HTML5基础 1.1.1 HTML简介及发展史 HTML是用来描述网页的一种语言，它是一种超文本语言，也就是说，HTML不是一种编程语言，仅是一种标记语言（MarKup Language） 1.1.2 HTML的优势 1.世界知名浏览器厂商的支持 2.市场需求 3.跨平台 1.1.3 W3C标准 1.使用W3CW3C标准的原因 随着浏览器市场的激烈竞争，各大浏览器厂商为了吸引用户，都在早期HTML版本的基础上扩展各类标签，个浏览器厂商之间互不兼容，导致HTML编码规则混乱， 违背了HTML发明的初衷，因此需要一个组织来制定和维护统一的国际化Web开发标准，确保多个浏览器都兼容，HTML内容结构都是语义化的。 万维网联盟（Word Wide Web Consortium）简称W3C， 诞生了，因此有W3C组织制定和维护的Web开发标准，也成为W3C标准。它是Web技术领域最权威和具有影响力的 国际中立性技术标准机构。 2.W3C标准的介绍 W3C标准不是某一个标准，而是一系列的标准集合，一个网页主要由三部分组成，即结构（Sructure），表现（Presentation），和行为（Behavior）。 小结：W3C标准包括结构化标准语言（HTML,XML），表现标准语言（CSS），行为标准（DOM,ECMAScript）。 1.1.4 网页编辑工具
订阅 meta