标签:CSS
git 的安装及源代码上传 首先去官网把git下载好,这里给大家提供个官网下载地址 https://git-scm.com/downloads 安装完成后,在开始菜单里找到“Git”->“Git Bash”,弹出一个类似命令行窗口的东西,就说明Git安装成功!&#
前言:这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方,请大家指正,我会持续更新!   看大牛张鑫旭的视屏可能会理解的更深一些,点击这里; line-height,两行文字的基线之间的距离; 基线,英语本子中就有,顶线,中线,基线,底线; 行内框盒子模型: 内容区域(content are
前端岗位目前确实十分火热,但是就业压力也很大;前一段时间与大学同学交谈,他向我哭诉说去一个机构学习了前端工程师,我心底里为他高兴,因为他马上就可以月薪突破10K了,可是不幸的是他说去北京面试一个月,还是没有找到满意的工作,这里想提醒想进入前端工程师的你,也考虑报班的话,那么你可以先自己去看看网上的一
  由于工作需要,需要一个页面适配不同的显示设备,开始了解媒体查询,虽然早有耳闻但从来没有系统的学习过,今天将自己学习的成果做个分享,部分是从网上摘录的,也有自己的理解。若有不足还希望大家指出我会加以修改。废话过后,进入正题。现今无论是手机还是电脑,各种显示设备五花八门,这让开发者很是头疼。所以想要
制作原理:在我的上一篇随笔中有详细的说明,由于这个方法制作的球,比较耗性能,就只做了3个小球,效果大家可以试验。   <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">
1.文件合并(目的是减少http请求):使用css sprites合并图片,一个网站经常使用小图标和小图片进行美化,但是很遗憾这些小图片占用了大量的HTTP请求,因此可以采用sprites的方式把所有的图片合并成一张图片 ,可以通过相关工具在线合并,也可以在ps中合并。 2.使用CDN(内
background-image绘制多张图片叠加,示例如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>background
1、index.html---主要搭建页面的结构 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g
任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 行内元素也可以使用Flex布局。 .box{ display: inline-flex; } Webkit内核的浏览器,必须加上-webkit前缀。 .box{ display: -
有这么一个webkit的私有属性:     -webkit-appearance:none; /*去除input默认样式*/ 添加该样式,并且值为'none'时即可取消浏览器对于控件的默认样式。 另外这个属性也有个神奇的地方~ 他可以用来调用显示浏览器对各种控件的默认样式, 比如: 我是span啊
 问题描述:   在子元素里设置margin-bottom,该margin-bottom的值没有作用于子元素,而会”转移”给外层div,如下所示。 <div style="background:red;"> 父元素的内容占据
background-origin: 规定 background-position 属性相对于容器的哪一部分来定位。   padding-box 背景图像相对于内边距框来定位;(默认)   border-box背景图像相对于边框盒来定位;   content-box背景图像相对于内容框来定位。 ba
在做项目的时候,希望给页面添加一个功能,就是刷新页面之后滚动条还可以保持在刷新之前的位置,方便用户继续浏览。查询了相关资料之后看到一篇文章讲得不错,链接如下: 原文地址:http://learning.sohu.com/20161219/n476332520.shtml 作者:H
前面提到text-indent属性,用来实现文本的缩进,今天的text-align使用率可比文本缩进高的多。拿自己现在做的项目上来说,水平居中和垂直居中估计是用到最多了,那我们就先看看它的语法吧! text-align 允许值 left| center | right | justify | 初始值
css3使用服务器端字体: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用服务器端字体</title>
转自百度经验:http://jingyan.baidu.com/article/6f2f55a1ab36c3b5b83e6c46.html 经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少