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

CSS
  • 作者:枫小炀 发布时间:2015-07-12 围观452次
    css3 选择器 根据所获取页面中元素的不同,把css3选择器分为五大类:基本选择器层次选择器伪类选择器动态伪类选择器目标伪类选择器语言伪类选择器UI元素状态伪类选择器结构伪类选择器否定伪类选择器...
  • 作者:休闲生活文化 发布时间:2015-07-12 围观423次
    <!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>很棒的CSS3立体效果</title></head><body><div>http://www.999jiujiu.com/</div> <style> .list_case_left{position:absolute;left:10%;fo...
  • 作者:反骨仔 发布时间:2015-07-12 围观295次
    一、下载 Koala(找到合适的系统版本)并安装二、先新建一个css文件夹,并在里面新建一个文本文档(.txt),将其命名为demo.scss三、打开Koala,将css文件夹拽进来,可以修改一下输出方式【扩展】SASS提供...
  • 作者:jingwhale 发布时间:2015-07-12 围观254次
    CSS3 Transform变形理解与应用Transform:对元素进行变形;Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。但只有两个关键贞。开始,结束。Animation:对元素某个属性或多...
  • 作者:程序员小菜 发布时间:2015-07-12 围观355次
    margin外边距合并详解:外边距合并现象在网页布局中非常的常见,必须对此有明确的把我,以此做到未雨绸缪,否则可能影响工作效率,甚至严重阻碍项目的进度。在网络上已经有大量的相关文章,下面再通过实例结合对网络...
  • 作者:一落叶而知秋 发布时间:2015-07-11 围观312次
    border:0和border:none的区别是什么:将对象的的边框设置border:0和border:none的效果是一样的,都可以将边框取消,代码实例如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" cont...
  • 作者:我是代码努力 发布时间:2015-07-11 围观332次
    左右两栏宽度自适应,中间一栏宽度固定:中间一栏宽度固定,左右两栏宽度自适应效果在众多网页中都有应用,有不错的使用效果,下面就简单介绍一下如何此效果:代码实例如下:<!DOCTYPE html><html><head><meta ch...
  • 作者:休闲生活文化 发布时间:2015-07-11 围观284次
    <!DOCTYPE html><html><head><meta charset="UTF-8"><title>css3进度条</title><style>.meter { height: 20px; position: relative;margin: 60px 0 20px 0; background: #555;-moz-border-radius: 25px;-webkit-bor...
  • 作者:张占岭 发布时间:2015-07-11 围观500次
    在我们对一个页面进行设计时,分块是必须的,没有一个网站是一栏而下的,除非你是在看小说,否则你的页面设计一定是分块的,即它由于多个panel组件,在bootstrap里叫到栅格系统,而在每行每列进行宏观的布局后,就是...
  • 作者:程序员小菜 发布时间:2015-07-10 围观367次
    display:table和display:table-cell的用法:建议:尽可能的手写代码,可以有效的提高学习效率和深度。display属性的table和table-cell属性值不怎么常用,主要是浏览器的兼容性并不好,因为万恶的IE6和IE7还有相当一...
  • 作者:我是代码努力 发布时间:2015-07-10 围观335次
    兼容各个浏览器的未知高度div垂直居中效果:让div垂直居中与它的父对象中,并不像是让div在父元素中水平居中那么简单,只要简单的为此元素设置margin:0px auto即可,虽然将一些属性配合使用也可以将div垂直居中与父元...
  • 作者:一落叶而知秋 发布时间:2015-07-10 围观253次
    如何使用CSS实现小三角形效果:在众多的网页效果中,都有小三角形效果的应用,能够增加特定应用的美观度,下面就给出一段实例代码,里面介绍了两种实现小三角头效果的方式。代码如下:<!DOCTYPE html><html><head...
  • 作者:只爱叶子的夏天 发布时间:2015-07-10 围观249次
    一:基本概念( 1 ) CSS pixels 与 device pixelsCSS pixels:device pixels:( 2 ) PPI/DPIPPI/DPI : 每英寸所拥有的像素数目,数值越高,即代表显示屏能够以越高的密度显示图像。PPI的计算: 首先计算...
  • 作者:休闲生活文化 发布时间:2015-07-10 围观462次
    <!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>使用transform和transition制作CSS3动画</title><style>ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{marg...
  • 作者:欧阳隐 发布时间:2015-07-10 围观249次
    问题:请指出以下结构中,A标签内的字体颜色。<style>a{ color:#ccc}/* 灰色 */.alink a{color:#F60}/* 橙色 */h1 a{color:#F00}/* 红色 */a:link{color:#009}/* 蓝色 */div h1 a{ color:#000}/* 黑色*/</st...
  • 作者:程序员小菜 发布时间:2015-07-09 围观207次
    display:table-cell的用法简介:display属性的使用相当频繁,比如display:block或者display:inline等,但是对于display:table-cell可能比较陌生,因为此属性在特定的情况下会发挥很大的作用,下面就简单介绍它的作用...
  • 作者:一落叶而知秋 发布时间:2015-07-09 围观492次
    !important的用法和在IE6下的表现:!important可以提高指定CSS语句的优先级,使用方法是在相应的CSS语句后面加上!important。例如:<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author...
  • 作者:我是代码努力 发布时间:2015-07-09 围观264次
    如何实现多个div水平均匀排列且量两端贴壁:在网页布局中,经常有这样的需求,那就是几个div水平均匀在排列在一个盒子中,并且两端div外侧紧贴盒子内壁,如下图所示:下面先看一段代码实例:<!DOCTYPE html><html>...
  • 作者:梁洋洋 发布时间:2015-07-09 围观285次
    在做全屏网页的时候会出现这样的情况:窗口最大化显示时正常,当缩小窗口时,出现了滚动条,将滚动条拖动到右侧就会出现空白,背景颜色都不显示但是元素还在例如下图:全屏显示正常的,然后把窗口缩小就会出现...
  • 作者:贾顺名 发布时间:2015-07-09 围观307次
    什么是calc()?calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能;MDN的解释为可以用在任何长度,数值,时间,角度,频率等处;/* property: calc(expression) */width: calc(100% - 80px);可以用 + - ...
  • 作者:水良木 发布时间:2015-07-09 围观486次
    First Note:placeholder属性 规定帮助用户填写输入字段的提示,值不会被提交, 且该提示会在输入字段为空时显示,并会在字段获得焦点时消失。如<input type="text" name="tname" placeholder="请在这里输入用户...
  • 作者:休闲生活文化 发布时间:2015-07-09 围观442次
    <!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>用css3仿制js的弹力效果</title></head><body><style type="text/css">*{margin:0;padding:0px;} body{background:#b1b1b1;font-family:Ari...
  • 作者:myvin 发布时间:2015-07-09 围观203次
    上一篇:《selection伪元素小解》写在前面的前面前几天讲解了自己用纯CSS绘制银色MacBook Air的详细过程,由于篇幅较长就分了两部分介绍,今天我将其合二为一方便大家查看,该文章用Markdown+少量的html编辑。...
  • 作者:梁洋洋 发布时间:2015-07-09 围观333次
    在进行表单布局的时候通常会遇到这样的情况文本和textarea标签是底部对齐的<p><em>邮箱</em><textarea style='height:150px;width:540px;'></textarea> </p>#content .form p em{ display: inline-block; ...
  • 作者:一落叶而知秋 发布时间:2015-07-08 围观347次
    IE6不支持min-height如何解决高度自适应问题:IE6问题多多,给大家带来了诸多烦恼,这里介绍一下因为IE6浏览器不支持min-height属性,从而导致了高度无法自适应的问题。在其他标准浏览器中,我们可以使用min-height属...
总数:681 上一页1 ...7 8 9 10 11 12 13 ...28下一页