随笔档案「2018年1月」 - Luas

前端笔记-雪碧图

摘要：雪碧图使用场景1.静态图片，不随用户信息的变化而变化2.小图片，图片容量比较小3.加载量比较大一些大图一般不拼成雪碧图目的：减少http请求数量加速内容显示，请求建立连接，花费额外时间实现原理：通过css background-position：X Y实现拼合背景图的小图(X,Y）为负值以图片左上阅读全文

posted @ 2018-01-25 21:01 Luas 阅读(381) 评论(0) 推荐(0)

前端笔记-psd到html

摘要：1.颜色拾取：吸管工具吸取后，进入拾色器，复制rgb 2.取透明背景图片：选中后转化为智能对象，框选后复制，ctrl+n,ctrl+v,保存成png即可 3.裁取图片：框选后图像-裁剪，存储为web...品质为60%即可 4.量取尺寸，距离：使用框选工具即可，在编辑-首选项-单位与标尺调整为像素阅读全文

posted @ 2018-01-25 19:38 Luas 阅读(749) 评论(0) 推荐(1)

大白

摘要：1 2 3 4 5 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 阅读全文

posted @ 2018-01-23 21:45 Luas 阅读(88) 评论(0) 推荐(0)

前端笔记2-6

摘要：CSS伪类语法：selector:伪类{} 或者与CSS类结合 selector.class:伪类{} 锚伪类:a:link{} a:visited{} a:hover{} a:active{} first-child伪类 selector:first-child{} 选择作为某元素的first- 阅读全文

posted @ 2018-01-23 17:02 Luas 阅读(138) 评论(0) 推荐(0)

前端笔记2-7

摘要：1.CSS尺寸行高：ling-height 可以使用像素和百分比最大最小宽度/高度 max-height/min-width 2.CSS分类把段落首字符浮动于左侧(这几个数放上很好看啊.... 3.使元素不可见 4.删除表格一行或一列:visibility:collapse 当在表格元素中使用阅读全文

posted @ 2018-01-23 17:01 Luas 阅读(141) 评论(0) 推荐(0)

前端笔记2-4

摘要：CSS框模型背景应用于由内容和内边距、边框组成的区域 CSS内边距元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。CSS padding 属性定义元素边框与元素内容之间的空白区域。 CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分阅读全文

posted @ 2018-01-23 12:26 Luas 阅读(134) 评论(0) 推荐(0)

前端笔记2-5

摘要：CSS定位 position 1.相对定位--相对于正常位置--relative 注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。 2.绝对定位--absolute 绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么阅读全文

posted @ 2018-01-22 21:01 Luas 阅读(141) 评论(0) 推荐(0)

前端笔记2-3

摘要：CSS字体 1.font-family:设置字体，可以设置多个备选字体，逗号隔开，只有字体名带有空格或特殊符号才使用单引号 font-family:"Times New Roman",Georgia,Serif 2.font-style: 该属性有三个值： normal - 文本正常显示 itali 阅读全文

posted @ 2018-01-21 21:38 Luas 阅读(209) 评论(0) 推荐(1)

前端笔记2-2

摘要：CSS样式 1.CSS背景背景色：background-color属性背景图像：background-image:url(图片路径) background-image: url(1.jpg); 背景重复：如果需要在页面上对背景图像进行平铺，可以使用 backdround-repeat属性。属阅读全文

posted @ 2018-01-21 15:15 Luas 阅读(117) 评论(0) 推荐(0)

前端学习2-1

摘要：1.层叠次序当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明阅读全文

posted @ 2018-01-20 20:51 Luas 阅读(159) 评论(0) 推荐(0)

前端笔记1-11

摘要：一个乱七八糟的啥啥啥总结？ 13.html <!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="my.css"> <meta charset="utf-8"></head>< 阅读全文

posted @ 2018-01-20 19:00 Luas 阅读(104) 评论(0) 推荐(0)

前端笔记1-10

摘要：HTML媒体 HTML 助手（插件）<object> 辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。辅助程序可用于播放音频和视频（以及其他）。辅助程序是使用 <object> 标签来加载的。使用辅助程序播放视频和音频的一个优势是，您能够允许用阅读全文

posted @ 2018-01-20 16:58 Luas 阅读(134) 评论(0) 推荐(0)

前端笔记1-9

摘要：恢复内容开始一.HTML表单 <form> 1.<input> 属性：type 值为text,radio,submit等文本输入 <input type="text"> 定义用于文本输入的单行输入字段： <form>First Name:<br/><input type=" 阅读全文

posted @ 2018-01-20 14:47 Luas 阅读(161) 评论(0) 推荐(0)

前端笔记1-8

摘要：一.HTML URL 感觉学了计网遵守以下的语法规则：解释： scheme - 定义因特网服务的类型。最常见的类型是 http host - 定义域主机（http 的默认主机是 www） domain - 定义因特网域名，比如 w3school.com.cn :port - 定义主机上的端口号（阅读全文

posted @ 2018-01-19 21:36 Luas 阅读(128) 评论(0) 推荐(0)

前端笔记1-7

摘要：一.HTML响应式WEB设计 RWD 指的是响应式 Web 设计（Responsive Web Design） RWD 能够以可变尺寸传递网页 RWD 对于平板和移动设备是必需的 1.自己创建...我爹说不这么用，那就不看了 2.使用Bootstrap http://v3.bootcss.com/ 阅读全文

posted @ 2018-01-19 15:46 Luas 阅读(161) 评论(0) 推荐(0)

前端笔记1-6

摘要：一.html布局 <!DOCTYPE html><html><head> <title>html布局</title> <style> .head{ background-color: black; color: white; font-family: "Times New Roman", Times 阅读全文

posted @ 2018-01-18 21:36 Luas 阅读(134) 评论(0) 推荐(0)

前端笔记1-5

摘要：一.html的<div>和<span> 1.html块元素块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：<h1>, <p>, <ul>, <table> 2.html内联元素块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：<h1>, <p>, <ul>, <tabl 阅读全文

posted @ 2018-01-18 20:41 Luas 阅读(359) 评论(1) 推荐(1)

前端笔记1-4

摘要：恢复内容开始一.无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。 <ul><li>doggy</li><li>gay</li> </ul> 二阅读全文

posted @ 2018-01-18 19:48 Luas 阅读(161) 评论(1) 推荐(0)

前端笔记1-3

摘要：一.html表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <tr></t 阅读全文

posted @ 2018-01-18 18:26 Luas 阅读(177) 评论(0) 推荐(0)

前端笔记1-2

摘要：一.文本格式化 ↑感觉没啥用？？？？预格式标签<pre></pre>  <pre> for i=1 i<2 i++ print i </pre>  <address> written by<a href="http://www.bai 阅读全文

posted @ 2018-01-18 15:51 Luas 阅读(187) 评论(0) 推荐(0)

前端笔记1-1

摘要：恢复内容开始一.html元素 1.html元素 <开始标签> 元素内容 <结束标签> 这就是一个元素： 2.html元素语法 HTML元素语法特点： HTML 元素以开始标签起始HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容（empty c 阅读全文

posted @ 2018-01-18 12:39 Luas 阅读(165) 评论(0) 推荐(0)

前端笔记0-1

摘要：< html> 与 < /html> 之间的文本描述网页 < body> 与 < /body> 之间的文本是可见的页面内容 < h1> 与 < /h1> 之间的文本被显示为标题 < p> 与 < /p> 之间的文本被显示为段落标签与元素的关系：元素=开始标签+内容+结束标签标签不区分大小写四类阅读全文

posted @ 2018-01-17 14:25 Luas 阅读(100) 评论(0) 推荐(0)

01 2018 档案

公告