您所在的位置:小祥子 » 编程 » CSS

CSS
  • 作者:OtherName 发布时间:2015-08-10 围观324次
    之前曾经安装过一次sass,不过可惜没使用,现在换了电脑重新安装,又上网找了些资料,终于安装成功,现在就当做个记录方便下次安装。首先 到官网下载个最新版的ruby :http://rubyinstaller.org/downloads 目前最新...
  • 作者:Lz_Tiramisu 发布时间:2015-08-10 围观372次
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>css3 幻灯片</title><style type="text/css">.ani {width: 480px;height: 320px;margin: 50px auto;overflow: hidden;box-shadow...
  • 作者:starof 发布时间:2015-08-10 围观384次
    直接开始正文。一、属性选择器属性选择器就是根据元素的属性及属性值来选择元素,用好属性选择器可以让你的级别上升一个层次。1、只根据属性选择元素适用于希望选择有某个属性的元素,只关心属性不关心属性值。...
  • 作者:starof 发布时间:2015-08-10 围观340次
    之前看到有些网站选中内容的颜色和背景色都不是平时看到的蓝色和白色。今天有兴趣查看了一下,原来是一个很简单的CSS3的选择器::selection的用法。上例子:<style> .selectColor::selection{color:#fff;backgro...
  • 作者:chakson 发布时间:2015-08-10 围观447次
    前端开发过程中,水平垂直居中是比较常用的。下面直接开门见山,看看不同方法实现垂直居中的各自优点和其不足之处。 1、将“line-height”和“height”设置成一致这种方法用来实现单行垂直居中是相当的简单的,也...
  • 作者:1875328775 发布时间:2015-08-10 围观212次
    以前的网站带宽小,没有特别多的大图,现在不同了,各种图片网站如同雨后春笋层出不穷。服务器是抗住了,但是客户端就有意见了,太多的图片必然导致页面加载缓慢,特别是有些table结构的站点更是如此。能否让图片在...
  • 作者:1875328775 发布时间:2015-08-10 围观455次
    设置背景图片,以突出透明度的效果及jquery png背景透明插件实例教程<head> <title>toggle()</title> <style type="text/css教程"> <!-- body{background:url(bg.jpg); margin:20px; padding:0px; } img{ borde...
  • 作者:1565783227 发布时间:2015-08-10 围观458次
    有时我们会有这样的需求:让图片显示在固定大小的区域。如果不考虑 IE6 完全可以使用 css 的 max-width 限制宽度自动按比例缩小显示,但是这样有个问题,就是如果按比例缩小后,图片高度不够,那么就很难看了。举例...
  • 作者:1565783227 发布时间:2015-08-10 围观429次
    对于图片的处理,例如幻灯片播放、缩放等,都是依赖于在所有图片完成之后再进行操作。今天来看下如何判断所有的图片加载完成,而在加载完成之前可以使用 loading 的 gif 图表示正在加载中。一、普通方法监听 img...
  • 作者:小瘪三 发布时间:2015-08-10 围观277次
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,minimum=1.0,maximum=1.0,initial-scale=1.0"><title>demo1</title><style></...
  • 作者:小小书生来做前端 发布时间:2015-08-09 围观299次
    做一个点击查看显示详细信息的效果。说一下问题描述,最外面的父元素overflow-parent设置了overflow:hidden,然后子元素overflow-child没有设置overflow,设置了relative,为其包含的绝对定位的元素进行位置确定,...
  • 作者:likelooker 发布时间:2015-08-09 围观263次
    一、Emmet简介Emmet的前身是Zen Coding,它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,由两个核心组件组成:一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器...
  • 作者:yuanking 发布时间:2015-08-09 围观424次
    用于显示链接列表的可切换、有上下文的菜单。对齐B默认情况下,下拉菜单自动沿着父元素的上沿和左侧被定位为 100% 宽度。 为 .dropdown-menu 添加 .dropdown-menu-right 类可以让菜单右对齐。 可能需要额外的定...
  • 作者:妙瞳 发布时间:2015-08-08 围观443次
    替换元素和非替换元素的学习@(元素)[妙瞳]引言元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也翻译为“盒子”)。但是不同的元素显示的方式会有所不同,例如div和span不同,而str...
  • 作者:码丶行者无疆 发布时间:2015-08-08 围观233次
    1.<style> div { white-space:normal; word-break:break-all; word-wrap:break-word; } </style> <div style=" width:100px; border:1px solid red"> I am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii...
  • 作者:园林鸟 发布时间:2015-08-08 围观392次
    <!doctype html> <html> <head> <title></title> <meta charset='utf-8'> <style type="text/css"> :root,body{ height: 100%; width: 100%; } .z{ width:200px; height: 400px; left: 4...
  • 作者:1875328775 发布时间:2015-08-07 围观291次
    CSS 兼容要点:DOCTYPE 影响 CSS 处理 FireFox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行。 FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-rig...
  • 作者:猿仁 发布时间:2015-08-07 围观468次
    以下内容均为个人笔记:望批评指教!IE6下应尽量少使用float 而是 换用display:inline 父层使用text-align:text;效果会好些;如果一组浮动元素 产生了浮动 最好在外层加个非浮动层 效果会好些:<ul> <li>1</...
  • 作者:submerge 发布时间:2015-08-07 围观370次
    常用的css命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:bann...
  • 作者:myvin 发布时间:2015-08-07 围观346次
    上一篇:《JavaScript“并非”一切皆对象》p{font-size:14px;}a:link{color:#6495ED;font-weight:600;}a:hover{color:rgb(255,69,0);}写在前面的前面如标题所示,写在前面的前面,所以这些必然是一些...
  • 作者:1565783227 发布时间:2015-08-07 围观278次
    目录1. iScroll介绍2. 安装和使用3. 简单的iScroll例子4. Pinch & Zoom5. Snap to element6. iScroll 详细参数1. iScroll介绍一般我们在开发传统Web网站时,偶尔会用固定某一区域的宽度/高,然后借用设...
  • 作者:chakson 发布时间:2015-08-07 围观283次
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>tes...
  • 作者:1875328775 发布时间:2015-08-06 围观402次
    随着人们对体验的极致追求,web页面设计也面临着新的挑战,不仅需要更人性化的设计理念,还需要设计出更酷炫的页面。作为web前端开发人员,运用开源资源,更快更好地实现一些现代化的界面,是必备技能之一。下面小...
  • 作者:妙瞳 发布时间:2015-08-06 围观300次
    行内元素和块级元素的学习@(css)[妙瞳]css标准文档流:简称"标准流",指的是在不使用其它的与排列和定位相关的特殊CSS规则时,各种元素的排列规则。HTML文档中元素可以分为块级元素和行内元素。块级元素:总是以...
  • 作者:1565783227 发布时间:2015-08-06 围观219次
    网页设计属于设计的一种,而设计中最重要的就是要符合潮流,所以网页设计紧跟潮流是必须的,这样才能使你的网页设计有足够的新鲜度以及吸引眼球的能力。下面笔者总结了8点网页设计技巧的新潮流趋势。 一、使用平面...
总数:681 上一页1 2 3 4 5 6 7 8 ...28下一页