常用的一些html代码

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设置为负的盒子对应宽高的一半...

2020年3月21日 · 2 min · Archai

CSS揭秘一书中的知识

1.backgrouond简写 在background简写属性中指定background-sizing时,需要提供一个background-position值,而且要使用/作为分隔。 1 background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [ background-size] [background-origin] [background-clip]; —–P13—– 2.background-clip 规定背景的绘制区域:得到一个白色背景并且有白色边框的盒子: 1 2 3 border:10px solid hsla(0,0,100%,.5); background:white; background-clip:padding-box 若不设置background-clip,背景会延伸至边框,边框的透明无法显示 ——P18——- 3.双重边框 box-shadow background:orange; box-shadow:0 0 010px #655 , 0 0 0 15px deeppink; /*可以加任意层数边框*/ outline 1 2 3 4 5 6 7 8 9 width:180px; height:90px; margin:30px auto; text-align:center; padding:10px; background:##655; outline: ##fff dashed 1px; outline-offset: -15px; /*设置outline向内缩进*/ border-radius:8px; 得到简单的缝边效果 注意: outline可能会产生不贴合border-radius圆角的情况 —-P20—-...

2019年12月23日 · 1 min · Archai