HTML on Archai's home https://blog.archai.space/tags/html/ Recent content in HTML on Archai's home Hugo -- gohugo.io Sun, 24 May 2020 00:00:00 +0000 常用的一些html小问题 https://blog.archai.space/p/%E5%B8%B8%E7%94%A8%E7%9A%84%E4%B8%80%E4%BA%9Bhtml%E5%B0%8F%E9%97%AE%E9%A2%98/ Sun, 24 May 2020 00:00:00 +0000 https://blog.archai.space/p/%E5%B8%B8%E7%94%A8%E7%9A%84%E4%B8%80%E4%BA%9Bhtml%E5%B0%8F%E9%97%AE%E9%A2%98/ 1. 网页出现横向滚动条？ <body style=`overflow:-Scroll;overflow-y:hidden > </body> 让横条没有： <body style=`overflow:-Scroll;overflow-x:hidden> </body> 两个都去掉？更简单了 <body scroll="no" > </body> 火狐底部滚动条不显示： html { overflow:-moz-scrollbars-vertical; } 2. 网页图标？ <link rel="shortcut icon " href="images/favicon.ico"> 3. Height:100%失效？ <html style="height: 100%;"> <body style="height: 100%;"> <div style="height: 100%;"> <p> 这样这个div的高度就会100%了 </p> </div> </body> </html> 4. 设置一个元素不可见？ opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 注意： 1> display=none元素消失，不占位置 2> opacity =0、 visibility =hidden只是视觉上不可见，其实还在那里占位置 5.input无法输入？ 常用的一些html代码 https://blog.archai.space/p/%E5%B8%B8%E7%94%A8%E7%9A%84%E4%B8%80%E4%BA%9Bhtml%E4%BB%A3%E7%A0%81/ Sat, 21 Mar 2020 00:00:00 +0000 https://blog.archai.space/p/%E5%B8%B8%E7%94%A8%E7%9A%84%E4%B8%80%E4%BA%9Bhtml%E4%BB%A3%E7%A0%81/ 1. 获取网页logo 京东 : www.jd.com 后面加 “/favicon.ico"即可 京东logo : www.jd.com/favicon.ico 2. webstorm网页logo简易写法 link:favicon 按Tab键 3.meta标签 为搜索引擎提供的关键字列表( name=“keywords”)： 各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。 <meta name="keywords" content="牙疼怎么办，智齿是什么，拔牙多少钱，矫正多少钱，九院医生，北大口腔，瑞尔口腔，拜耳口腔"> 用来告诉搜索引擎你的网站主要内容(name=“description”)： <meta name="description" content="有牙齿问题,找河马牙医,儿童口腔，全国儿童口腔在线咨询，牙疼怎么办，拔牙多少钱，矫正多少钱，种植牙，有牙齿问题"> 优先以webkit内核渲染页面(“renderer”)： <meta name="renderer" content="webkit" /> 4.复合选择器 div#main{ color:green} 表示选中div中id为main的元素 5.标签居中 水平居中 行内标签/行内-块级标签: text-align:center 块级标签: margin:0 auto 2)垂直居中 行内标签/行内-块级标签: 设置行高为盒子高度line-hight:50px; 图片加文字时:vertical-align:middle; 块级标签: 设置“子绝父相” ==> top，left设置为50% ==> margin-left和nargin-top设置为负的盒子对应宽高的一半