CSS 问题集
薇光网站建设
web前端开发,微信小程序,网站建设,网页设计,平面设计
展开
-
不同的屏幕尺寸加载不同的css文件,手机和pc页面分别加载相应的css文件
不同的屏幕尺寸加载不同的css文件 1、手机页面要加载的css文件 <link rel="stylesheet" type="text/css" href="css/mstyle.css" media="screen and (max-width:1200px)"/> 2、PC页面需要加载的css文件 <link rel="stylesheet" type="text/css" href="css/style.css" media="screen and (min-width:1201原创 2020-10-17 18:57:55 · 742 阅读 · 0 评论 -
关于div/块级元素水平垂直居中显示的解决办法
一、常用margin: 0 auto; 水平居中 .center-box{ width: 1200px; height: 500px; background-color: green; margin: 0 auto; / } 二、定位position(兼容ie6/7/8)、水平居中 <div class="father"> <div class="center-box"></div> </div> .father{ position: relat原创 2020-09-20 13:44:58 · 174 阅读 · 0 评论 -
关于如何快速把网站首页调整为黑白色
政府网站有时候会根据需求把网站首页调整为黑白色,不能去改首页的每个图片、色块、文字颜色吧,其实很简单,加入下面代码就可以了。 <style> html { filter: gray; -webkit-filter: grayscale(100%); } </style> ...原创 2020-04-03 12:18:45 · 2606 阅读 · 0 评论 -
关于css样式优先级的问题
CSS的三种引入方式 一、行内样式 使用style属性引入CSS样式。 <p style="font-size:14px;color:green;">直接在HTML标签中设置的样式</p> @:这种方法不提倡使用,后期维护会狠不方便 二、内部样式表 在style标签中书写css代码,style标签写在head标签中。 <head> <style t...原创 2019-08-02 19:13:07 · 208 阅读 · 0 评论 -
css单行文本溢出效果
1、html代码 <div class="text"> 这里是文本内容,有很长一段文本内容,很快就会超出div的宽度然后断行显示哟! </div> 2、css代码 .text { width:200px; /* 指定宽度 超出这个宽度就显示省略号 */ white-space:nowrap; overflow:hidden; text-over...原创 2019-08-15 17:59:24 · 110 阅读 · 0 评论