bootstrap4示例模板中出现这样的代码 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 这行代码的作用可以让网页的宽度自动适应手机屏幕的宽度,但是多了shrink-to-f ...
原理就是:宽高为零,单独设置border的宽度,然后上右下左,根据需要选择三角形的方向,比如选向上箭头,其他右、下、左设置为透明; /**向下的三角**/ .sanjiao_down{ width:0; height:0; overflow:hidden; font-size ...
有些朋友会发现,如果一行内容中有图片有文字的话,文字往往会自动的底部对齐,影响美观,那如何让它们相对于垂直居中呢,很简单,就是在图片和文字所在的行中添加CSS属性:vertical-align:middle;这样,它们在同一行就会垂直居中对齐了。 ...
1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: 50%; -webkit-transform: transl ...
a标签加边框后, 他们之间会有空隙 请看源代码 <style> *{ margin: 0; padding: 0; } a{ border: 1px solid #CD1E21; } </style> <body> <a href=""& ...
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"&g ...
absolute(绝对定位):将被赋予的对象从文档流中拖出,使用left,right,top,bottom等属性相对于最接近的一个最有定位设置的父级对象进行绝对定位,如果父级没有进行定位属性设置,则按照默认规则来设定(根据body左上角作为参考进行定位),同时绝对定位的对象可层叠。 ...
在WEB上打印时,当页面元素不想在打印时显示时可以使用一个CSS样式,定义这个CSS的方法如下: <style> @media print { .Noprn { display: none; } } </style> -------------------- ...
本文作者:浪里行舟,原文链接 前言 本文主要介绍水平居中,垂直居中,还有水平垂直居中各种办法,思维导图如下: 一、水平居中 1.行内元素水平居中 利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。 ...
本文转自慕课网公众号,原文链接 css选择器非常之多,常见的如class选择器,id选择器,标签选择器等等。每个的用法都有所区别,虽然很多都能到达同样的效果,但还是有一些更优的选择。 ...
宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU ...
很多刚接触建站的朋友,在修改网站模板时,尤其是图片,最头痛就是找不到要修改的图片路径和CSS路径,这里给大家介绍个方法-审查元素。 调试网站模板最方便的浏览器是谷歌,因为它的审查元素功能用着最顺手,推荐你使用谷歌浏览器,当然其它主流浏览器也是可以的,看你自己的个人喜好吧,个人比较喜欢用360浏览器。 ...
一般图片自适应,有很多种方法,通常用js来处理,这里提供一个思路使用css来处理,不但简单,而且方便 <div class="msg_desc">      <img style="max-width:100%;overflow:hidden;" src="http://www.tao3w.co ...

关注我们的公众号

微信公众号