• 前端技术之_CSS详解第三天

    前端技术之_CSS详解第三天 二、权重问题深入 2.1 同一个标签,携带了多个类名,有冲突: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml" xml:l...

    2018-06-24 02:23:33

  • 自适应和响应式布局的区别,em与rem

    自适应布局:不同终端上显示的文字,图片,等位置排版都是一样的,只是大小不同。 响应式布局:通过媒体查询监听屏幕大小的变化,做出响应式的改变,在不同设备可能展现不同的样式效果。 em:是相对其父元素的。 rem:相对于页面根元素,推荐使用rem。...

    2018-06-24 02:23:30

  • 前端技术之_CSS详解第二天

    前端技术之_CSS详解第二天 1、css 基础选择器 html负责结构,css负责样式,js负责行为。 css写在head标签里面,容器style标签。 先写选择器,然后写大括号,大括号里面是样式。 style type="text/css" body { background-color : pink ; } /style 常见属性: h1 { colo...

    2018-06-24 02:23:28

  • html

    HTML介绍 (注:本人只是对前端简单的介绍,而且也只是达到会用的水平,前端工作者勿吐槽) 本文是前端部分的第一篇,在开始介绍html之前先做一些简单的说明 前端概述 首先我们需要了解什么是前端。简单来说,前端就是网站的前台部分。这里顺便介绍一下C/S和B/S结构。...

    2018-06-24 02:23:27

  • 搞定flex布局

    这几种方式的搭配使用可以轻松搞定 PC 端页面的常见需求,比如实现水平居中可以使用 margin: 0 auto ,实现水平垂直同时居中可以如下设置: .dad { position : relative ;} .son { position : absolute ; margin : auto ; top : 0 ; right : 0 ; bottom : 0 ; left : 0...

    2018-06-24 02:23:26

  • CSS的三大特性

    本文内容: 层叠性 继承性 优先级 权重计算方法(特异性) 首发日期:2018-05-01 层叠性: 层叠性是指当一个标签被设置了多个重复的样式的时候,一个属性会覆盖另外一个属性。 比如:先给div设置背景颜色为红色,然后设置背景颜色为粉红色,那么最终颜色可能为红色,也...

    2018-06-24 02:23:26

  • a、button、input点击获取焦点时出现蓝色边框,如何去

    a,button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; } 可根据实际情况添加 outline: none; 或 box-shadow: none; 有时候img /图片放在a标签里也会出现边框,可设置图片的边框为0. 除此之外还要注意其伪...

    2018-06-24 02:23:25

  • Nginx与浏览器缓存

    Nginx与浏览器缓存 一、浏览器对缓存的处理:Internet选项 ★ 控制请求服务器策略:是忽略资源的缓存策略的情况下额外强制请求服务器的意思 。 ★检查存储的页面较新版本 1.每次访问网页时 不管是否有缓存、资源状态是否过期,都会再次请求服务器。 2.每次启动Internet...

    2018-06-24 02:23:25

  • CSS3 3D转换

    三维变换使用基于二维变换的相同属性。3D变换功能与2D变换功能相当类似,css3中3D变换主要有4个功能函数: 1、3D位移:CSS3中的3D位移主要包括translateZ()和translate3d()两个功能函数。 2、3D旋转:CSS3中的3D旋转主要包括rotateX(),rotateY(),rotateZ(),rotate3d()...

    2018-06-24 02:23:24

  • 获取url中?后面传递的参数

    function getUrlArgs(){ var url=location.href; var i=url.indexOf('?'); if(i==-1)return; var querystr=url.substr(i+1); var arr1=querystr.split(''); var arr2=new Object(); for (i in arr1){ var t=arr1[i].split('='); arr2[t[0]]=t[1]; } return arr2;}...

    2018-06-24 02:23:19

2