1、a标签的链接顺序，link-visited-hover-focus-active。 2、marquee标签，我之前基本上没有用到过这个标签，在最近的面试中才知道这个标签的强大之处，他可以帮我们实现滚动在固定范围内的上下，左右滚动等效果。marquee有以下几个属性 （1）direction,控制滚动方向，属性值有left,right,up,down; （2）behavior，控制滚动方式，属性值有scroll连续滚动，slide只滚动一次，alternate往返滚动； （3）loop，控制循环次...
影響開信率的因素是什麼？當收件者打開收件匣後，收件者會看到的要素包括：寄件者姓名、主旨、預覽文字。 我們先假設起跑點是一樣的：收件者、寄件者都處於相同狀態、且內容都十分吸引人的情況下，訊息傳遞的完整性會是引起開信興趣的決定性因素。 因此我們可以理解，在收件匣中，預覽文字代表的是主旨的延伸 – 是十分有限且珍貴的資源。由於email 預設抓取的是電子報最上方的純文字。因此，有時會因為戰略的需求，而犧牲預...
最后更新于：2016-01-13 16:16 以下是我积累的一些常用的css代码，会不断更新，最新的代码会显示在最前面，同时我也会提供最新更新日期以便查阅。 居中对齐 很多时候我们需要把一个元素在其父级容器里水平、垂直居中对齐。以下我列出了常用的几种方法： 1.在知道子元素宽度与高度的情况下进行居中，采用位置定位：absolute + margin .parent { position: relative;}.child { position: absolute; width:...
谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能，Chrome变成了一个必须的工具。大多数可能熟悉关于chorme的许多特点，例如使用 console 和 debugger 在线编辑CSS。在这篇文章中，我们将分享一些很酷的技巧，让你能够更好的改进工作流程。 通过 console 面板修改页面元素及元素内容： 获取元素节点 右键选择 Edit as HTML 或者 Edi...
编者按：慎用向右滑动操作、慎用横屏展示效果、按钮原理页面底部、使用SVG格式做矢量图…… 以上提到的技巧全都出自今天这篇好文，简单小巧但实操性很强，作为设计师，也要尽量避开这些坑。 1、交互上，慎用向右滑动的操作方式。 如：刮刮乐涂抹效果，左右滑动翻页等。 原因：苹果手机上，向右滑动容易触发返回“上一级页面”效果。 2、交互上，慎用横屏展示效果。 原因：体验上，需要用户设备开启屏幕...
慎用向右滑动操作、慎用横屏展示效果、按钮原理页面底部、使用SVG格式做矢量图…… 以上提到的技巧全都出自今天这篇好文，简单小巧但实操性很强，作为设计师，也要尽量避开这些坑。 1、交互上，慎用向右滑动的操作方式。 如：刮刮乐涂抹效果，左右滑动翻页等。 原因：苹果手机上，向右滑动容易触发返回“上一级页面”效果。 2、交互上，慎用横屏展示效果。 原因：体验上，需要用户设备开启屏幕旋转功能...
引语：大家都知道，html中上传文件就一个input，type=file就搞定了。但是，这个标签的样式，实在不值得提点什么，要改动他的样式，恐怕也是较难的。但是其实挺简单，今天就来说说上传文件小技巧吧！1. 怎样自定义样式？ 1. 只管按照自己喜欢看到的样式去定义即可，如,可以是背景图片效果，可以是文字指示，总之想怎么改怎么改！有了按钮，还需要一个文件名容器，用来存放选择上传文件时的名字，从而不让上传看起来枯涩...
网页字体：font-size: 16px;font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; 网络常用来显高大上的名言警句字体 font: 12px "宋体", Arial, Helvetica, sans-serif; 普通内容字体 color: #474645; 内容小标题 以及内容 line-height: 20px 内容行高font-weight: bold; 字体加粗color: #838383;background: #f6f6f6; 颜色较浅的地方选择器：.texts p:nth-child(2){} ：取texts 类下的第二个p ：hover {}：当鼠标移到...
本篇文章给大家带来的内容是关于CSS网页布局实用小技巧，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。3、一个兼容性调整（IE和Mozilla）的笨办法：...
本篇文章给大家带来的内容是关于CSS网页布局小技巧汇总，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。对CSS网页布局的技巧，可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来，或许对您更有实际的参考价值：1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定...
很多朋友肯定已经接触过关于css的颜色渐变了，今天的这篇文章给大家来分享一个小技巧，如何通过一个渐变来制作多个渐变，而不需要重写。在一些项目中，可以发现大多数渐变几乎都是一样的。所有这些都是一种颜色逐渐变暗或变浅，所以制作每种颜色的新渐变感觉太麻烦也太冗余。相反，我们可以制作一个渐变来用于所有“渐变”。那么它是如何实现的，下面我们就来具体的看看。（推荐教程：css3视频教程）我在HTML中创建了常用按钮，并为...
很多人在学习css的时候，都想知道css有哪些技巧，其实掌握css样式技巧对自己编写css也是有一定的帮助的，那么CSS简写的技巧有哪些？下面我们来总结一下五个css小技巧。一：css盒子的大小，css盒子主要有两个属性，就是margin和padding，两种用法也是相同的，我们都知道，盒子是立体的，并且有四个方向，每一个方向都有一个边框，那么我们以margin为案例，代码如下：margin-top:2px; margin-right:3px; margin-bottom:3px; margin-l...
当我们在进行前端网页开发，编写页面的css样式的时候，往往是需要考虑的不同浏览器的兼容问题的，让我们设计开发的前端页面可以在不同的浏览器上都可以正常展示。本章我们就给大家带来一些解决浏览器兼容性的小技巧，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、chrome下会让小于12px的文本字体默认为12px显示，让chrome支持小于12px的字体box{ font-size: 8px; -webkit-text-size-adjust: none;}但是，上...
在这篇文章中，我将通过一些示例来向大家展示一些CSS的小技巧，让你知道如何使用CSS的级联(cascade)能变得更友好，也减少一些不必要的需求，从而也减少权重上遇到的麻烦。技巧一：样式总是作为特定属性组合出现一个很好的例子就是color和bakground-color的组合。除非你只做小调整，不然你需要一起调整他们。当给一个元素添加背景颜色时，它可能不包含任何文本，但可能会有一些子元素。因此，我们一起设置前景色(color)和背景色(bac...
CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。在这篇文章中我们将会介绍CSS函数中8种有用的小技巧。1.纯CSS Tooltip许多网站还是在使用JavaScript来创建Tooltip效果，但实际上通过CSS能更简单的实现。最简单的方法是在你的HTML代码中添加一个带有提示文本的属性，比如 data-tooltip="…" 。然后你就可以在你的CSS文件...