html
html标签使用及扩展
LeonGus
漫天繁星,若有若无,时隐时现.
展开
-
移动端常见布局及主流方案
移动端单独制作流式布局(百分比布局)flex 弹性布局(强烈推荐)操作方便,布局极其简单,移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分less+rem+媒体查询布局混合布局响应式媒体查询bootstarp流式布局:流式布局,就是百分比布局,也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸...原创 2019-11-11 20:14:06 · 898 阅读 · 0 评论 -
CSS3盒子模型box-sizing及清除移动端特殊样式
传统模式宽度计算:盒子的宽度 = CSS中设置的width + border + paddingCSS3盒子模型: 盒子的宽度= CSS中设置的宽度width 里面包含了 border 和 padding也就是说,我们的CSS3中的盒子模型, padding 和 border 不会撑大盒子了/*CSS3盒子模型:border-box,边框盒子,理解:从边框开始计算盒子的大小(包...原创 2019-11-11 20:06:42 · 1255 阅读 · 0 评论 -
移动端技术解决方案
1.移动端浏览器兼容问题移动端浏览器基本以 webkit 内核为主,因此我们就考虑webkit兼容性问题。我们可以放心使用 H5 标签和 CSS3 样式。同时我们浏览器的私有前缀我们只需要考虑添加 webkit 即可2.移动端公共样式移动端 CSS 初始化推荐使用 normalize.css/Normalize.css:保护了有价值的默认值Normalize.css:修复了浏览...原创 2019-11-11 20:04:59 · 490 阅读 · 0 评论 -
移动WEB开发-视口设置
1,视口就是浏览器显示页面内容的屏幕区域,视口可以分为布局视口,视觉视口和理想视口.meta标签,设置viewport<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">最...原创 2019-11-11 19:57:36 · 191 阅读 · 0 评论 -
动画 animation
制作动画分为两步:在css中定义动画函数给目标元素调用动画函数动画序列:0% 是动画的开始,100% 是动画的完成。这样的规则就是动画序列。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间,或用关键词 “from” ...原创 2019-11-06 16:38:32 · 396 阅读 · 0 评论 -
H5新增表单类型和属性
属性值说明type=“email”限制用户输入必须为Email类型type=“url”限制用户输入必须为URL类型type=“date”限制用户输入必须为日期类型type=“time”限制用户输入必须为时间类型type=“month”限制用户输入必须为月类型type=“week”限制用户输入必须为周类型type=“number”...原创 2019-11-06 11:23:31 · 869 阅读 · 0 评论 -
H5多媒体标签
多媒体标签分为 音频 audio 和视频 video 两个标签 使用它们,我们可以很方便的在页面中嵌入音频和视频,而不再去使用落后的flash和其他浏览器插件了。audio 音频标签格式MIMe-TYPeMP3audio/mpegOggaudio/oggWavaudio/wavsource标签可以通过在多媒体标签内加入source标签,用来指定多...原创 2019-11-06 11:11:51 · 202 阅读 · 0 评论 -
常用的H5语义化标签
header 头部标签nav 导航标签article 内容标签section 块级标签 (块级标签 啥意思? )aside 侧边栏标签footer 尾部标签注意:这种语义化标准主要针对搜索引擎,这些新标签页面内可以多次使用在ie9种需要把这些元素转换为块级元素(在IE9中这些标签被当做行内标签,设置大小不生效)移动端更喜欢使用这些标签...原创 2019-11-06 10:24:05 · 999 阅读 · 2 评论 -
溢出的文字省略号显示
首先设置white-space,强制一行显示.white-space:normal ;默认处理方式white-space:nowrap ; 强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换行。超出的部分隐藏 overflow: hidden;text-overflow 文字溢出设置或检索是否使用一个省略标记(…)标示对象内文本的溢出text-ov...原创 2019-10-25 20:00:49 · 241 阅读 · 0 评论 -
使用Chrome的开发者工具
基本的结构布局是左边html 右边是 csschrome调试数值可以鼠标点击后面的数值, 按下键盘 上箭头 是 调大 数值, 下箭头是 调小数值Chrome提示的常见布局错误css无显示声明类名和html调用名不一致 或者 css文件引入不对 或者 这个样式的前面 多余了一些符号影响的tml 结构不匹配(重要)通过颜色判断盒子蓝色是 盒子的 宽度高度 青色...原创 2019-10-24 09:04:34 · 131 阅读 · 0 评论 -
form表单域和表单标签
form表单域在HTML中,form标签被用于定义表单域,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。<form action="url地址" method="提交方式" name="表单名称"> 各种表单控件</form>input 控件<input type="属性值" value="你好">textarea控件...原创 2019-10-20 18:58:22 · 1113 阅读 · 0 评论 -
列表标签
无序列表 ul <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ul>有序列表 ol<ol> <li>列表项1</li> <li>...原创 2019-10-20 18:47:19 · 90 阅读 · 0 评论 -
创建表格
在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>table用于定义一个表格标签。tr标签 用于定义表格中的行,必须嵌套在 table标签中。td 用于定义表格中的单元格,必须...原创 2019-10-20 18:40:07 · 472 阅读 · 0 评论 -
什么是XHTML? HTML和 XHTML之间有什么区别?
什么是XHTMLXHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)。XHTML 的目标是取代 HTML。XHTML 与 HTML 4.01 几乎是相同的。XHTML 是更严格更纯净的 HTML 版本。XHTML 是作为一种 XML 应用被重新定义的 HTML。XHTML 是一个 W3C 标准。HTML和 XHTML之间有...原创 2019-10-19 22:37:45 · 941 阅读 · 0 评论 -
base 标签,pre标签,和特殊字符
<base target="_blank" />base 可以设置整体链接的打开状态base 写到 之间把所有的连接 都默认添加 target="_blank"预格式化文本pre标签<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。特殊字符...原创 2019-10-19 22:36:13 · 433 阅读 · 0 评论 -
image和a标签及路径
<img src="图像URL" />图像标签那个属性是必须要写的? img src 图片的路径图像标签中 alt 和 title 属性区别? alt 图片显示不出,文字就显示 title 鼠标经过图片的时候显示文字单词缩写: anchor 的缩写 [ˈæŋkə®] 。基本解释 锚, 铁锚 的在HTML中创建超链接非常简单,只需用标签把文字包括起来就好...原创 2019-10-19 22:23:21 · 1704 阅读 · 0 评论 -
HTML常用标签
HTML常用标签1.排版标签标题标签<h></h>段落标签<p></p>水平线标签<hr />换行标签<br />div 和 span标签<div></div> <span></span>2. 文本格式化标签标签显示效果<b>...原创 2019-10-19 22:11:48 · 96 阅读 · 0 评论 -
文档类型DOCTYPE和页面语言lang及字符集
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 指定该html标签 内容 所用的语言为中文简单来说,可能对于程序来说没有太大的作用,但是它可以告诉浏览器,搜索引擎,一些处理Html的程序对页面语言内容来做一些对应的处理或者事情。- 根据根据lang属性来设定不同语言的css样式,...原创 2019-10-18 22:10:36 · 191 阅读 · 0 评论 -
HTML元素标签分类
HTML元素标签分类常规元素(双标签)该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)”,“</标签名>” 表示该标签的作用结束,一般称为“结束标签(end tag)”。和开始标签相比,结束标签只是在前面加了一个关闭符“/”。空元素(单标签)空元素 用单标签来表示, 简单点说,就是里面不需要包含内容, 只有一个开始标...原创 2019-10-18 22:05:06 · 161 阅读 · 0 评论 -
常见浏览器内核
浏览器内核备注IETridentIE、猎豹安全、360极速浏览器、百度浏览器firefoxGecko可惜这几年已经没落了,打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。Safariwebkit现在很多人错误地把 webkit 叫做 chrome内核(即使 chrome内核已经是 blink 了)。苹果感觉像被别人抢了媳妇,都哭...原创 2019-10-18 21:50:45 · 89 阅读 · 0 评论