08 2020 档案

CSS3多媒体查询
摘要：1. 语法 @media（not | only）媒体类型 and 表达式 2. （not | only） not : 排除某种媒体类型 only : 指定某种媒体类型 3. 媒体类型 all : 所有多媒体类型设备 print : 打印类型媒体设备 scrern : 显示类型的媒体设备 speech 阅读全文
posted @ 2020-08-07 22:36 孤勇赠余生 阅读(137) 评论(0) 推荐(0)
CSS3盒子模型
摘要：C2盒子模型： 盒子在页面的实际宽度 = 边框 + 内边距 + 盒子宽度（width定义的宽度） C3盒子模型： 盒子在页面的实际宽度 = 盒子宽度（width定义的宽度） = 边框 + 内边距 + 盒子宽度（定义的宽度 - 边框 - 内边距） 阅读全文
posted @ 2020-08-05 09:20 孤勇赠余生 阅读(120) 评论(0) 推荐(0)
网站logo优化
摘要：网站logo优化分为四大步： 1. logo要用h1标签包住，目的是提权，告诉搜索引擎logo很重要。 2. h1标签里在放一个a标签，可以返回首页，转化a的显示模式，将logo作为背景图片放入a标签。 3. a标签里放入网站名字，通过 font-size: 0; 隐藏文字。 4. 给a标签一个 t 阅读全文
posted @ 2020-08-05 09:04 孤勇赠余生 阅读(237) 评论(0) 推荐(0)
SEO（搜索引擎优化）
摘要：SEO是指提高网站在搜索引擎上的排名，从而使网站让更多人看到，获取更多流量。 在前端页面中，使用三个标签进行优化 <title>网站名字</title> <meta name="description" content="网站说明"> <meta name="keywords" content="网 阅读全文
posted @ 2020-08-05 08:46 孤勇赠余生 阅读(1017) 评论(0) 推荐(0)
CSS中vertical-align属性
摘要：vertical-align用于设置一个元素的垂直对齐方式，但只对行内元素或者行内块元素有效。 应用场景： 1. 图片、表单、文字对齐。 2. 解决图片底部默认空白缝隙的问题。 PS：该属性不能被继承，除了可以使用几种对齐方式，还可以使用像素来进行对齐。 阅读全文
posted @ 2020-08-05 08:34 孤勇赠余生 阅读(201) 评论(0) 推荐(1)
单行文本溢出隐藏
摘要：1 <style> 2 div { 3 /* 强制文本一行显示 */ 4 white-space: nowrap; 5 /* 溢出文本隐藏 */ 6 overflow: hidden; 7 /* 对溢出的文本用省略号代替 */ 8 text-overflow: ellipsis; 9 } 10 </ 阅读全文
posted @ 2020-08-04 23:05 孤勇赠余生 阅读(166) 评论(0) 推荐(1)
HTML中关于中文空格实体字符和应用
摘要：1、HTML中中文空格 &#8194; 和 &ensp; （半个中文宽度） &#8195; &emsp; （一个中文宽度） &#8197; （四分之一中文宽度） 2、应用 在写表单页面时，对齐文字 <form action=""> <div class="ipt"> <label for="tel" 阅读全文
posted @ 2020-08-04 22:56 孤勇赠余生 阅读(696) 评论(0) 推荐(1)
Web标准
摘要：构成：Web标准主要由结构、表现、行为三部分构成。 结构对应HTML 表现对应CSS 行为对应javascript PS:个人认为结构很重要，好的结构在进行表现和交互时往往可以事半功倍。 阅读全文
posted @ 2020-08-04 07:20 孤勇赠余生 阅读(257) 评论(0) 推荐(0)