随笔分类 - html/css
摘要：css设置边框可以用border简写属性，它可以在一个声明设置所有的边框属性，按照border-width、border-style、border-color顺序设置；也可以单独使用这几个属性来设置边框样式。 边框属性介绍： border属性： 一个简写属性，在一个声明中所有的边框属性。 可以设置的
阅读全文
摘要：现在很多网站上都会使用到视频和音频，html5 中提供了展示视频和音频的标签。向网页嵌入视频可以使用 <video> 标签，而嵌入音频可以使用 <audio> 标签。这两个标签都是 html 5 中新增的标签，两个标签中的属性和方法也很类似，但也有些不同。其中 audio 元素用于定义声音，比如音乐
阅读全文
摘要：css为html标记语言提供了一种样式描述，定义了其中元素的显示方式。下面我们来看一下css如何设置文本超出几行显示省略号。 css设置超出几行显示省略号： 1、单行文本 使用text-overflow：ellipsis属性 text-overflow: clip|ellipsis|string;
阅读全文
摘要：当我们负责web测试的时候，先了解B/S架构，然后分析如何开始执行测试，一般步骤：从功能测试，兼容测试，安全测试。 功能测试： 一、链接测试 链接是web应用系统的一个很重要的特征，主要是用于页面之间切换跳转：当发现页面显示内容与用户需求不一致时，就是一个bug。 链接测试：测试所有链接是否按指示的
阅读全文
摘要：font-size:字体大小 说明 用于设置字号，属性的值推荐使用像素单位px或者em px是像素单位，em是相对单位 语法 {font-size:12px;} 注意 属性值为数值型时，必须给属性值加单位，属性值为0时除外。 单位还可以是1em ，根据父元素值来确定； font-family:字体
阅读全文
摘要：css3中出现很多新的特性，其中比较好玩的3D操作就是：过渡和动画效果。那么css过渡和css动画的区别是什么？下面本篇文章就来给大家介绍一下CSS中过渡和动画的区别，希望对大家有所帮助。 css过渡和动画的区别： animation属性类似于transition，他们都是随着时间改变元素的属性值，
阅读全文
摘要：说起Web前端开发想必你一定不会陌生，因为现在的前端开发学习的培训机构也是层出不穷。下面济南优就业IT培训给大家总结出了未来Web前端开发的六大趋势从中可以大致看出来Web前端未来的发展前景。 趋势一：更加移动优先 响应式设计显然是目前Web前端开发领域的主要趋势之一，并且这一趋势在未来还将持续一段
阅读全文
摘要：大家都知道设置font-size小于12px;的时候，显示都为12px。无法实现更小的字体了，但是面对UI图的时候出现小于10px的字体，第一想到的就是把字体直接作为图片放在到页面。那么css能实现小于12px的字体吗？答案是：可以的！ 1、移动端 .font{ // 10px / 12px = 0
阅读全文
摘要：在找工作的过程中，你到达了一个激动人心的阶段！约好了面试日期，做足了准备，按时参加了面试，整场面试十分顺利。然后进入了「你对我们公司有什么要了解的？」这一提问环节。在结束面试前，确保你了解以下问题的答案。 项目管理是如何进行的？ 这个问题的答案可能改变你工作的思考方式。没有一个良好的项目管理流程会导
阅读全文
摘要：1.减少页面中的元素 网页中的的图片、form、flash等等元素都会发出HTTP请求，尽可能的减少页面中非必要的元素，可以减少HTTP请求的次数。 2.css Sprites（css精灵） 图片是增加HTTP请求的最大可能者，把全站的图标都放在一个图像文件中，然后用CSS的background-i
阅读全文
摘要：今天为什么要给大家讲解这个东西呢，因为css这部分，尤其是数值这部分感觉非常简单，但是尤其是简单的，却很多人根本就没有弄懂。所以今天就来讲一下css的数值问题吧。大家还是好好听一下吧。 width height 百分比 当元素的height、width设置为百分比时，分别基于包含它的块级对象的高度、
阅读全文
摘要：一个元素的尺寸和位置经常受其包含块(containing block)的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但也不是总是这样。在本文中，我们来过一遍确定包含块的所有因素。 当一个客户端代理（比如说浏览器）展示一个文档的时候，对于每一个元素，它都产生了一个盒子。每一个盒子都
阅读全文
摘要：最近因为写一个js函数，需要用到$(window).height(); 由于手写demo的时候，过于自信，其实对前端方面的认识也不够体系，用文本文件直接敲出来的html代码，第一行没有加上<!DOCTYPE html> 导致了$(window).height();的结果直接是整个document的高
阅读全文
浙公网安备 33010602011771号