服务热线
15120086569
-
哀悼武汉新冠肺炎逝去者网站页面拉灰
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(“data:image/svg+xml;utf8,#grayscale”); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} /*20200404全国哀悼 */ 阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|抢沙发
-
CSS响应式设计
什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。 <meta name="viewport" content="width=device-width...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
-
css元素居中
我们做前端开发时，经常会用到元素居中，包括：1. 一段文本的水平居中，2. 一张图片的水平居中，3. 一个块级元素的水平居中；4. 单行文本的竖直居中，5. 不确定高度的一段文本竖直居中，6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下： 让元素水平垂直居中，也可以使用让元素显示为单元格，让单元格原本的垂直居中发挥作用： <div class="parent"> <div class=...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
-
css display:flex 属性
一：display:flex 布局 display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 二：flex的六个属性 ...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
-
CSS导航居中方法
CSS导航菜单水平居中的多种方法： 方法1：display:inline-block 方法2：position:relative 方法3：display:table 方法4：display:inline-flex 方法5：width:fit-content / width:intrinsic 方法1：display:inline-block 这个方法比较简单，是将容器转成「display:inline-block」行内块级元素，然后就可以直接用「text-align:center」使其达到水平居中效果。 HTML代码： 这里我们需要一个d...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
-
CSS3选择器—伪类选择器
前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中 的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是 常用到的伪类选择器，那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
-
CSS3选择器—属性选择器
上一切在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第一部分，这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器。属性选择器早在CSS2中就被引入了，其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。 从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
-
CSS3选择器—基本选择器
CSS的选择器，我想大家并不会陌生吧，因为天天在使用，但对于CSS3的选择器，要运用的灵活到位，我想对很多朋友还是一定的难度，特别是CSS3中的:nth选择器。那么从现在开始我们先丢开他们版本的区别，从头一起来看看CSS选择器的运用。 CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素 就很重要了，如何选...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
-
标准CSS初始化
html,body,div,blockquote,pre,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,iframe,fieldset,form{margin:0;padding:0} ol,ul{list-style:none} body{font-size:12px;font-family:"微软雅黑";color:#000} a:link,a:visited{color:#ccc; text-decoration:none} a:hover{text-decoration:underline} .left{float:left} .right{float:right} .clear{clear:both} .center{text-align:center} .mt_8{...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
-
CSS中强大的EM
使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。 这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
-
利用vertical-align:middle实现在整个页面居中
如果想让一个div或一张图片相对于整个页面居中，用vertical-align:middle可以很简单地解决。 就以一个404页面为例，看如何让一张图片相对于整个页面居中，如下图： 这是一个404页面，里面就只有一张图片，点击图片可以回到首页，而且这个图片是相对于整个页面居中的，无论是水平还是垂直（PS：这可算是我做404页面最为习惯的一种懒人做法了，越简单越好，要想好看的话，直接用photoshop做...阅读全文作者：admin | 分类：CSS | 阅读：
Warning: Use of undefined constant the_views - assumed 'the_views' (this will throw an Error in a future version of PHP) in /www/wwwroot/blog.wmphp.com/wp-content/themes/wmphp/archive.php on line 19
|
