Web前端 - 第8页 - 网站分类 - 博客园
0

CSS Variables

CSS原生变量(CSS自定义属性) 示例地址:https://github.com/ccyinghua/Css-Variables 一、css原生变量的基础用法 变量声明使用两根连词线"--"表示变量,"$color"是属于Sass的语法,"@color"是属于Less的语法,为避免冲突css原生变 ...

ccyinghua 发布于 2018-06-02 09:46 评论(0)阅读(25)
0

CSS学习摘要-浮动与清除浮动

浮动四大特性 * 浮动的元素脱标 * 脱离标准流,漂浮,遮盖标准流下的元素 * 浮动的元素互相贴靠 * 没有足够空间互相贴靠时,往边靠 * 浮动的元素有“字围”(文字围绕)效果 * 所谓字围效果,当div浮动,p不浮动,div遮盖住了p,div的层级提高,但是p中的文字不会被遮盖,此时就形成了... ...

铁乐猫 发布于 2018-06-01 20:58 评论(0)阅读(67)
2

CSS学习摘要-盒子模型

CSS框模型(译者注:也被称为“盒模型”)是网页布局的基础 ——每个元素被表示为一个矩形的方框,框的内容、内边距、边界和外边距像洋葱的膜那样,一层包着一层构建起来。 浏览器渲染网页布局时,它会算出每个框的内容要用什么样式,周围的洋葱层有多大,以及框相对于其它框放在哪里。 在理解如何创建 CSS 布局... ...

铁乐猫 发布于 2018-06-01 16:30 评论(0)阅读(48)
0

面试整理(2)跨域:jsonp与CORS

问题:跨域有哪些方法?jsonp的原理是什么? jsonp: 先说jsonp,jsonp的主要原理是利用script标签的src可以跨域请求,据说有src属性的都可以跨域请求,但script标签返回的会直接执行,所以都是用script请求。jsonp=json+padding,padding是指服务 ...

mask_天俊 发布于 2018-06-01 11:12 评论(0)阅读(85)
1

border:0和border:none的区别是什么

将对象的的边框设置border:0和border:none的效果是一样的,都可以将边框取消。 代码实例如下: 以上代码的运行可以看出,通过将边框设置为0或者none都可以取消边框,从外观上两者是一样的,但是还是有很大不同。border:0可以将边框的宽度设置为零,尽管视觉上看不到了,但是浏览器还是会 ...

愚蠢的神 发布于 2018-06-01 10:43 评论(1)阅读(67)
0

我是这样理解HTTP和HTTPS区别的

为何要用https? http协议的缺点 通信使用明文,内容可能被窃听(重要密码泄露) 不验证通信方身份,有可能遭遇伪装(跨站点请求伪造) 无法证明报文的完整性,有可能已遭篡改(运营商劫持) 用https能解决这些问题么? https是在http协议基础上加入加密处理和认证机制以及完整性保护,即ht ...

Jesse131 发布于 2018-06-01 07:21 评论(0)阅读(87)
0

CSS学习摘要-层叠和继承

层叠 CSS 是 **Cascading Style Sheets** 的缩写,这暗示层叠(cascade)的概念是很重要的。在最基本的层面上,它表明CSS规则的顺序很重要,但它比那更复杂。什么选择器在层叠中胜出取决于三个因素(这些都是按重量级顺序排列的——前面的的一种会否决后一种): 1. 重要... ...

铁乐猫 发布于 2018-06-01 00:00 评论(0)阅读(50)
0

解决盒子浮动时margin会显示两倍的美观问题

当给几个大小一样有boder的盒子浮动时,会出现margin自动加起来的结果。 此时可以给每个盒子一个margin-left:-border的长来实现很好的效果,这样右边的盒子会把左边盒子的右边border压住,如图所示。 还可以使用伪元素实现动态效果,代码如下。 ...

Mugglean 发布于 2018-05-31 21:21 评论(0)阅读(62)
0

纯HTML和CSS实现JD轮播图

博主使用了纯HTML和CSS实现了JD的轮播图,没有加动态效果,主要是使用了定位的知识。 ,如图为两个侧边箭头图片(其实实际中应该使用CSS3的图标字体,这里没有使用)。 实现了如下效果 ...

Mugglean 发布于 2018-05-31 20:59 评论(0)阅读(82)
1

CSS学习摘要-数值和单位及颜色

在CSS中,值的类型有很多种,一些很常见,一些你却几乎没怎么遇到过。我们不会在这篇文档中面面俱到地描述他们,而只是这些对于掌握CSS可能最有用处的这些。本文将会涉及如下CSS的值: * 数值: 长度值,用于指定例如元素宽度、边框(border)宽度或字体大小;以及无单位整数。用于指定例如相对线... ...

铁乐猫 发布于 2018-05-31 19:06 评论(0)阅读(58)
0

CSS编码规范

1 前言 CSS 作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护。 虽然本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时,适用的部分也应尽量遵循本文档的约定。 2 代码风格 ...

青山_戴月 发布于 2018-05-31 18:35 评论(1)阅读(118)
0

前端基础-CSS如何布局以及文档流

一、 网页布局方式 二、 标准流 三、 浮动流 四、 定位流 一、 网页布局方式 1、什么是网页布局方式 布局可以理解为排版,我们所熟知的文本编辑类工具都有自己的排版方式, 比如word,nodpad++等等 而网页的布局方式指的就是浏览器这款工具是如何对网页中的元素进行排版的 2、网页布局/排版的 ...

天王盖地虎宝塔镇河妖 发布于 2018-05-31 16:28 评论(0)阅读(93)
0

CSS学习摘要-语法和选择器

CSS 声明 给 CSS 属性设置特定的值是 CSS 语言的核心功能。 CSS 引擎会通过计算,将对应的 CSS 声明应用到页面的每一个元素上,从而使得元素们以适当的方式布局,并展示出适当的样式。 特别需要记住的是: * CSS 的属性和属性值都是区分大小写的。 * 属性和属性值之间,用英文半角冒号... ...

铁乐猫 发布于 2018-05-31 15:56 评论(0)阅读(41)
0

Selenium基本用法以及元素定位

一、Selenium 简介 Selenium是ThroughtWorks公司一个强大的开源Web功能测试工具系列,提供一套测试函数,用于支持Web自动化测试。函数非常灵活,能够完成界面元素定位、窗口跳转、结果比较。他支持IE、Firefox、Safari、Chrome、Android手机浏览器,也支 ...

&赵小赵& 发布于 2018-05-30 23:02 评论(0)阅读(56)
1

canvas背景

加入绘制字母 ...

foreverwaiting 发布于 2018-05-30 21:49 评论(2)阅读(59)
1

flexbox的应用

2009年, 就已经出现,但是直到IE11的发布,全部的主流浏览器才统一支持新的用法 。 这里只说应用,浏览器的兼容处理会附在文章的末尾。 起步 在现代主流浏览器中,只需要给一个元素加上一行 就可以让他拥有弹性布局的魔力。 轴的方向 定义了主轴的方向,在html中,默认值是 ,即子元素横向排列,但是 ...

smallcoder 发布于 2018-05-30 17:01 评论(0)阅读(71)
0

关于前后端分离与模板引擎

随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,往往需要针对不同的终端开发定制的版本,为了提升开发效率,前后端分离的需要越来越被重视,后端负责业务/数据接口,前端负责展现、交互逻辑,同一份数据接口,可用于多个终端。 传统的前 ...

java从入门到精通 发布于 2018-05-30 16:44 评论(0)阅读(204)
0

盒子模型详解

在html文档中,元素体现为一个一个的方形盒子。每个盒子由以下四种属性来确定他在文档中的位置和大小: content 内容区域 padding 内边距 border 边框 margin 外边距 标准和非标准 在 定义下,content占据的空间由(min/max)width,(min/max)hei ...

smallcoder 发布于 2018-05-30 14:42 评论(0)阅读(66)
0

CSS3中设置字体的抗锯齿或光滑度的属性

刚刚接触前端开发,对于-webkit-font-smoothing: antialiased; 这个属性不了解。上网查找了一些资料。 总结一下: -webkit-font-smoothing : 设置字体的抗锯齿或光滑度的属性。 有3个值: 1.none :无抗锯齿 2.subpixel-antia ...

blueCenser 发布于 2018-05-30 14:22 评论(0)阅读(46)
3

奇葩程序写的神一样的注释,被老板看见会不会开出呢?

一、概述 这是写在前面的话:在开发中的时候,应该、可能、或许会看到有趣的注释 遇到类似的注释能让开发更加的有乐趣,我提倡程序猿继续传承下去这个美好优良传统 二、正文 比如我的注释: 再或者在结尾处加 下面再来看看网络上的资源: 1、来自菜鸟的注释 2、来自正直程序员的注释 3、很神奇的代码/注释 / ...

青山_戴月 发布于 2018-05-30 13:57 评论(4)阅读(202)