12 2020 档案

Canvas
摘要：<canvas> 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。 在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。 什么是 canvas? HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. <canvas> 阅读全文
posted @ 2020-12-20 21:55 觖泽 阅读(102) 评论(0) 推荐(0)
图像 /图像地图
摘要：alt属性是在图片不正常显示时他所显示的汉字 <img src=" " style="float:left/right> 带图片的段落 图片显示在段落的左边或者右边 图像高度设置 width height 当用图片作为链接时 <a href="图片链接" > <img border=" " src= 阅读全文
posted @ 2020-12-18 20:44 觖泽 阅读(85) 评论(0) 推荐(0)
格式化标签
摘要：HTML 文本格式化标签: <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体 or 斜体 通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。 <b> 定义粗体文本 <em> 定义着重文字 <i> 定义斜体字 <smal 阅读全文
posted @ 2020-12-17 23:29 觖泽 阅读(109) 评论(0) 推荐(0)
HTML基础
摘要：HTML 标题 HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。 实例 <h1>这是一个标题</h1> <h2>这是一个标题</h2> <h3>这是一个标题</h3> HTML 段落 HTML 段落是通过标签 <p> 来定义的。 实例 <p>这是一个段落。</p> <p> 阅读全文
posted @ 2020-12-17 21:32 觖泽 阅读(64) 评论(0) 推荐(0)
弹性盒模型 - 弹性盒模型之flex属性
摘要：弹性盒模型 - 弹性盒模型之flex属性: 在父类里使用 display：flex 三个块元素设置大小以及背景色，在父容器中添加flex。 技术点的解释： 1、设置display: flex属性可以把块级元素在一排显示。 2、flex需要添加在父元素上，改变子元素的排列顺序。 3、默认为从左往右依次 阅读全文
posted @ 2020-12-13 21:10 觖泽 阅读(105) 评论(0) 推荐(0)
层模型
摘要：层模型之绝对定位: 如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于bo 阅读全文
posted @ 2020-12-13 18:50 觖泽 阅读(101) 评论(0) 推荐(0)
浮动模型
摘要：浮动模型 块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。 任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示 阅读全文
posted @ 2020-12-13 16:14 觖泽 阅读(90) 评论(0) 推荐(0)
盒子模型
摘要：div{ width:200px; padding:20px; border:1px solid red; margin:10px; } border: border-width(可以用像素 也有thin | medium | thick 但不是很常用 ） border-style border-c 阅读全文
posted @ 2020-12-13 14:04 觖泽 阅读(79) 评论(0) 推荐(0)
元素分类
摘要：块状元素 在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内 阅读全文
posted @ 2020-12-12 19:48 觖泽 阅读(674) 评论(0) 推荐(0)
一些额
摘要：font-family设置字体系列 例如： body{font-family:"宋体";} font-size 设置字体大小 例如： body{font-size:12px;} font-weight设置字体粗细： p span{font-weight:bold;} 像H1-H6或者strong标签 阅读全文
posted @ 2020-12-10 22:10 觖泽 阅读(111) 评论(0) 推荐(0)
选择器的优先级/权值计算和！important
摘要：内联样式就是<div style="color:red;"> 如此 选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器 权值计算-特殊性： p{color:red;} .first{color:green;} <p class="first">三年级时， 阅读全文
posted @ 2020-12-10 21:58 觖泽 阅读(328) 评论(0) 推荐(0)
样式的继承
摘要：样式的继承: CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} 阅读全文
posted @ 2020-12-10 21:03 觖泽 阅读(167) 评论(0) 推荐(0)
分组选择器
摘要：例如：h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}又例如 .first,#second span{ color:green; } 阅读全文
posted @ 2020-12-10 21:01 觖泽 阅读(119) 评论(0) 推荐(0)
伪类选择器
摘要：伪装者 - 伪类选择器： 它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠 阅读全文
posted @ 2020-12-10 19:48 觖泽 阅读(145) 评论(0) 推荐(0)
通用选择器
摘要：通用选择器： 通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色 * {color:red;} 阅读全文
posted @ 2020-12-09 20:06 觖泽 阅读(244) 评论(0) 推荐(0)
后代选择器
摘要：后代选择器： 包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后 阅读全文
posted @ 2020-12-09 19:47 觖泽 阅读(1048) 评论(0) 推荐(0)
子代选择器和文字外加框框
摘要：子选择器： 还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框 border:1px sol 阅读全文
posted @ 2020-12-09 19:31 觖泽 阅读(94) 评论(0) 推荐(0)
css类选择器和ID选择器
摘要：类选择器 语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢） 使用方法： 第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <s 阅读全文
posted @ 2020-12-09 19:04 觖泽 阅读(733) 评论(0) 推荐(0)
css的
摘要：内联式： 内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <span style="color:red">这里文字是红色。</span> 注意要写在元素的开始标签里，下面这种写法是错误的： <span>这里文字是红色。</span style="color:red"> 阅读全文
posted @ 2020-12-09 17:21 觖泽 阅读(122) 评论(0) 推荐(0)
注释
摘要：HTML部分用<!--注释语句--> css部分用 /*注释语句*/ 阅读全文
posted @ 2020-12-07 21:28 觖泽 阅读(41) 评论(0) 推荐(0)
url
摘要：1、input的type属性设置为url,则表示该输入框的类型为网址。 2、数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。 阅读全文
posted @ 2020-12-06 17:01 觖泽 阅读(140) 评论(0) 推荐(0)
input
摘要：1、type： 当type="text"时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 type="number"时，输入框的类型为数字(输入其他类型无效） 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。 阅读全文
posted @ 2020-12-06 16:57 觖泽 阅读(639) 评论(0) 推荐(0)
使用thead、tbody、tfoot定义表格
摘要：1、<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。 2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时 阅读全文
posted @ 2020-12-06 14:48 觖泽 阅读(1868) 评论(0) 推荐(0)
为网页添加表格
摘要：创建表格的四个元素：table、tr、th、td 1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td 阅读全文
posted @ 2020-12-06 14:47 觖泽 阅读(611) 评论(0) 推荐(0)
HTML笔记
摘要：css是用来修饰html样式的 &nbsp; 空格符。 <aside>标签 <span>标签自定义文字样式。 <section>标签 信息列表<ul> <li> </li> </ul>　实现<ul>里可以嵌套<ul> 有序信息列表<ol> <li> 实现 <img src="图片地址" alt="下 阅读全文
posted @ 2020-12-03 22:08 觖泽 阅读(83) 评论(0) 推荐(0)
ps套索工具和魔法工具组
摘要：套索工具 快捷键是L CTRL+J拷贝用选中的图层。 选择多边形套索的时候可以用backspace或delete删除之前的点。 CTRL+shift+J是先剪切掉原来图上的那部分在复制到图层上。不一样的。可以用来换背景天空什么等。 魔法棒 取样大小是以一个点颜色来选取，3✖3就是9个点颜色的平均值来 阅读全文
posted @ 2020-12-01 22:18 觖泽 阅读(654) 评论(0) 推荐(0)
deque容器
摘要：resize的重载后面不想用0来填充可以用1等。 插入和删除 数据存取。 排序： 阅读全文
posted @ 2020-12-01 21:26 觖泽 阅读(53) 评论(0) 推荐(0)