内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 > div+css >

  • Web基础:网页的血肉-CSS04月26日

    这是 全栈数据工程师养成攻略 系列教程的第二十期:20 Web基础 网页的血肉CSS。 HTML决定了网页中包含哪些内容,而CSS则决定了这些内容所呈现的样式。 什么是CSS CSS全拼是Cascading Style Sheets,即层叠样式表。之所以将CSS比作网页的血肉,是因为CSS决定

    Tags:CSS
  • 深入理解CSS:font metrics,line-height以及vertical-align04月26日

    摘要:Line-height 和 vertical-align 是比较简单的CSS属性,以至于我们大多数人都觉得完全理解这两个属性是如何工作以及如何使用它们。实际并非如此。这两个属性非常复杂,也许可以说是最难理解的属性了。CSS有一个鲜为人知的特性:内联元素格式化。这两者

    Tags:CSS
  • 想设计一个超炫的产品前端?首先你要懂得WEB切图04月26日

    随着前端技术的不断演变进化,很多东西名字没变,但早已改头换面了。切图就是其中之一吧。早期切图是非常形象的比喻,就是用PS把设计稿图切成一块一块,再用编辑器拼在一起,然后直接导出(那时候叫网页制作无可厚非)。 现在的切图是一种思路。看到设计稿,

    Tags:CSS
  • css技巧之:css新属性display:flow-root介绍04月26日

    前两天刷微博,无意间看到张鑫旭大大推荐了大漠大大的一篇文章,说的就是css的新属性。今早上班也立马把chrome的最新版本下载下来体验的一下这个属性。感觉还是很实用的一个属性。至少在代码量方面能少写几行。哈哈哈。开个玩笑。 我们先来看看官方的解释。

    Tags:cssdisplay
  • Bootstrap入门之全局CSS样式04月26日

    Bootstrap简介 Bootstrap是简单、灵活的用于开发响应式布局、移动设备优先的 WEB 项目的HTML,CSS,JavaScript框架。 起步 基本模板 Bootstrap 的所有 JavaScript 插件都依赖 jQuery,因此 jQuery 必须在 Bootstrap 之前引入。在 bower.json 文件中 列出了 B

    Tags:BootstrapCSS
  • 理解CSS命名规范:BEM04月26日

    BEM其实是块(block)、元素(element)、修饰符(modifier)的缩写,利用不同的区块,功能以及样式来给元素命名。这三个部分使用 __ 与 -- 连接(这里用两个而不是一个是为了留下用于块儿的命名)。命名约定的模式如下: .block{}.block__element{}.block--

    Tags:BEMCSS
  • 使用CSS clip属性实现音频播放圆环进度条04月26日

    突然有需求要做一个圆环的音频播放进度条(上图效果),自己琢磨尝试了半天,也没有实现。最后度娘一下,才知道css还有一个clip属性,完美实现需求。分享一下,说不定能帮其它小伙伴。至于有没有用,那就不知道了,who care!OK,费话打住,Lets go! CSS cli

    Tags:clip圆环进度条
  • 结构化CSS设计思维04月25日

    LESS、SASS等预处理器给CSS开发带来了语法的灵活和便利,其本身却没有给我们带来结构化设计思维。很少有人讨论CSS的架构设计,而很多框架本身,如Bootstrap确实有架构设计思维作为根基。 要理解这些框架,高效使用这些框架,甚至最后实现自己的框架,必须要

    Tags:CSS
  • web前端开发【连载9】:CSS hack和优化04月24日

    CSS hack 分类:CSS属性前缀法、选择器前缀法以及IE条件注释法 1.属性前缀法(即类内部Hack):例如 IE6能识别下划线 和星号 ,IE7能识别星号 ,但不能识别下划线 ,IE6~IE10都认识\9,但firefox前述三个都不能认识。 2.选择器前缀法(即选择器Hack):例如 IE6

    Tags:CSShack
  • css过渡模块和2d转换模块04月24日

    今天,我们一起来研究一下css3中的过渡模块、2d转换模块和3d转换模块 一、过渡模块transition (一)过度模块的三要素: 1、必须要有属性发生变化 2、必须告诉系统哪个属性需要执行过渡效果 3、必须告诉系统过渡效果持续时长 ps:当多个属性需要同时执行过渡

    Tags:css
  • CSS清除浮动的几种方法04月24日

    浮动的几个重要性质 首先,浮动有几个很重要的性质 脱标:脱离标准文档流 贴边(浮动会紧贴着浮动方向的边 字围(浮动元素不会挡住没有浮动元素中的文字, 没有浮动的文字会自动给浮动的元素让位置,这个就是浮动元素字围现象 收缩:一个浮动的元素,如果没有

    Tags:CSS清除浮动
  • 我们来做一个beautiful的css3鼠标悬停效果04月24日

    悬停第一步,先上效果图 这个其实是一个bootstrap实现的响应式导航,我们今儿要做的了其实是鼠标hover效果,看到那些个Home、About us...底下的三个小点点没有,这个就是一个sex的效果,鼠标移上会有仨点点,而这仨点点呢又不是一下子出来的,是从中间点点往

    Tags:beautifulcss3
  • CSS:focus伪类JS focus事件提高网站键盘可访问性04月24日

    一、关于键盘可访问性 所谓键盘可访问性,指的是用户只使用键盘访问网站的能力。 例如,我们的iMac鼠标没电了,或者鼠标坏了,或者在智能电视中访问我们的网站,此时就只能依赖于键盘访问了。 键盘访问网站的常用操作包括: Tab键索引控件元素; Enter键触发

    Tags:CSSfocus
  • CSS Grid布局这样玩04月24日

    自从去年年半年开始,CSS Grid布局的相关教程在互联网上就铺天盖地,可谓是声势浩大。就针对于Web布局而言,个人认为Grid布局将是Web布局的神器,它改变了以往任何一种布局方式或者方法。不管以前的采用什么布局方法都可以说是一维的布局方式,而Grid最大的

    Tags:CSSGrid
  • CSS3 Flexbox属性视觉指南 Scotch04月24日

    JavaScript语言正值火热之期。用它来构建一个适用所有平台的应用程序吧,包括Web网站,服务端,移动端以及桌面端。 入门 代码 示例 弹性盒布局官方称作 CSS弹性盒布局模块(CSS Flexible Box Layout Module) ,这是一种新的css3布局模块,用于改善在容器中列

    Tags:FlexboxCSS3
  • sass变量详解:你所不知道的sass04月23日

    写在前面: 现在一直使用sass写css,当初入门的时候,看的很多教程,当时看的云里雾里的,现在看来还是蛮详细的,就是一点,不够小白。本人文章类型一直比较偏小白的,想要更好的为不会用sass提供一点学习的资料,相信本文对想要学习sass的人,还是有极大的

    Tags:sass
  • flow-root04月23日

    今天我们来介绍CSS中的一个新属性 flow-root 。这个属性是 CSS Display Module Level3 中的一个属性。简单讲这个属性是 display 中的一个新属性,对于 display 属性,大家熟悉的可能是常见的几个属性,比如 block 、 inline 、 inline-block 、 flex 、 grid

    Tags:flow-root
  • 2016阿里前端实习生笔试04月22日

    ~ ~!null //1 ~:按位非操作符由一个波浪线(~)表示,执行按位非的结果就是返回数值的反码。 ~ 2 === -3 ; // true ~ 1 === -2 ; // true ~ 0 === -1 ; // true ~ -1 === 0 ; // true ~ ~: 类似Math.floor()的用法,某些浏览器下比 Math.floor 渲染速度快 ~

    Tags:CSS3
  • 是时候开始使用CSS自定义属性04月22日

    今天,CSS处理器已是Web开发流程中的一个标准。预处理器的主要优点之一就是它们能够使用变量。这可以帮助你避免复制粘贴代码,也简化了开发和重构。 我们使用预处理器可以存储颜色、字体和布局等细节一切我们想使用的CSS都可以。 但预处理器的变量也有很多限

    Tags:CSS
  • 切图技巧分享:圆角背景色04月21日

    一、设计稿 要实现下面这样一个效果,本文重点说的是下面自动续费,可随时取消这部分的实现。 我把问题简化一下,变成了 二、解决问题的思路 1、p标签加背景色 一般,很容易想到用p标签实现,代码如下: style type = text/css .box { width : 154px ; heigh

    Tags:切图

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号