• CSS之2D转换模块

    CSS 2D转换模块 transform 参考W3手册 transform 属性向元素应用从2D 或3D转换。该属性允许我们对元素进行旋转、缩放、移动或者倾斜。 格式: transform: none|transform-functions; 常用取值: 旋转 rotate transform: rotate(45deg); /* 其中deg是单位, 代表多少度 *...

    2018-10-29 15:28:23

  • css background-image 自适应宽高——转载

    就是这么简单的一句话,设置背景图,并让它100%的适应导航栏宽高,并设置不重复,大小100%就OK了 .zjhn-nav li.active a{ background-image:url(../image/Click_03_temp.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%...

    2018-10-29 15:28:06

  • 前端——基础

    HTMLhtml概述和基本结构html概述HTML是 HyperText Mark-up Language 的首字母简写意思是超文本标记语言,超文本指的是超链接,标记指的是标签html注释!-- 这是一段注释 --html标题标签h1这是一级标题/h1h2这是二级标题/h2h3这是三级标题/h3html段落标签、换行标签与字...

    2018-10-29 15:28:04

  • 精选:3个可以下载免费的高质量照片的网站

    在您的照片库中加入成千上万张高品质的照片,涵盖各种主题和风格!下面列出的网站提供可用于任何项目的图像,没有限制。您不必担心因为一张小图片的版权而导致麻烦。通过这些网站可以改善你的设计项目,这些是网上提供免费的高质量图片最好的网站。 作为设计师,都知道...

    2018-10-29 15:28:04

  • 巧用边框设置一些效果

    我们在做css的时候为了提高网站的效率减少服务器请求,我们可以通过css来实现一些简单的图片特效,比如说三角形,这篇文章讲解的是通过边框实现不同的效果。 首先看一下不同边框样式的效果: 代码部分: 1 style type ="text/css" 2 .style-border b { 3 border-width...

    2018-10-29 15:27:57

  • css 画图形大全

    Square #square { width: 100px; height: 100px; background: red; } Rectangle #rectangle { width: 200px; height: 100px; background: red; } Circle #circle { width: 100px; height: 100px; background: red; border-radius: 50% } Oval #oval { width: 200px; he...

    2018-10-29 15:27:56

  • CSS中字距,词距,首行缩进,字体大小,排版相关问题

    先说明下,这是在谷歌浏览器下字体显示等问题做个研究,火狐下有点差异,不过火狐占有率低,而且显示的没有谷歌那么合理,不管它先。IE卡的要死,半死不活,也懒得深入研究这些细节,字体排版上不是强迫症,差别也不大。 div { border : 1px solid black ; color : red...

    2018-10-26 05:28:06

  • css布局-内容自适应屏幕

    css页面布局实现,内容部分自适应屏幕,当内容高度小于浏览器窗口高度时,页脚在浏览器窗口底部;当内容高度高于浏览器窗口高度时,页脚自动被撑到窗口底部。 css如下: 1 style type="text/css" 2 * { 3 margin: 0 ; 4 padding: 0 ; 5 box-sizing: border- box; 6 } 7...

    2018-10-26 05:28:05

  • css实现垂直居中

    html结构 div class ="box box2" span class ="content content2" 垂直居中 / span / div 默认css样式结构 .box{ width:200px; height:200px; background-color:green; }.content{ background-color:yellow; } 1. table-cell 该方法兼容IE8+,火狐,谷歌,并且content...

    2018-10-26 05:28:04

  • webpack配置sass模块的加载

    webpack管理的项目,我们希望用sass定义样式,为了正常编译,需要做如下配置。这里不讲webpack的入门,入门的文章,我推荐这篇《webpack入门》。 为了使用sass,我们需要安装sass的依赖包 //在项目下,运行下列命令行npm install --save-dev sass-loader//因为sass-loa...

    2018-10-26 05:28:02

2