css study




html{filter:expression(document.execCommand("BackgroundImageCache",false,true))

_background-image:url(about:blank);_background-attachment:fixed}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
::-moz-focus-inner{padding:0;border:0}

css study,布布扣,bubuko.com

时间: 2024-08-02 06:52:30

css study的相关文章

Css Study - 纵向Menu - By html and Css

http://www.wikihow.com/Create-a-Dropdown-Menu-in-HTML-and-CSS HTML <div id="leftmenu"> <ul> <li><a href="#">Home</a></li> <li class='has-sub'><a href="#">PRODUCTS</a> <

Css Study - Top Menu in Header 横向间隔的菜单

.shortcut ul li { display: inline; } CSS <style> ol, ul { list-style: none; } html, body, ul, li, div, form { margin: 0px; border: 0px; padding: 0px; font-size: 11px; color: #666; } .header { width: 100%; height: 100px; line-height: 100px; } .shortc

Css Study - 横向MENU

http://cssmenumaker.com/menu/tabbed-chrome-and-blue HTML <div id="topMenu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">PRODUCTS</a></li> <li><a href

css less

LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量.继承.运算.函数等,更方便CSS的编写和维护. LESSCSS可以在多种语言.环境中使用,包括浏览器端.桌面客户端.服务端. 官网: http://lesscss.cn/ node.js安装less npm install -g less gulp less使用 var gulp=require("gulp"); var less=require("g

CSS易混淆知识点总结与分享-定位与布局

CSS定位有四种模式:static.relative.absolute.fixed,其它static是默认值,下面分别讲解下各自的特点: static:静态定位,处于动态布局流中,按照页面中的各元素先后顺序.父子关系自动排列与布局,每个静态定位元素均占用动态布局的一块空间: relative:相对定位,处于动态布局流中,如果设置了偏移量(LEFT或TOP的值),则会有相应的位置调整,位置调整的标准是基于上一个处于动态布局流中的元素(即:设为static及relative元素): absolute

Less-minxin传参

//mixin传参 --简单传参,example: .border-radius(@radius) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .callUse{ .border-radius(5px); } --带默认值传参,参数为可选,example: .border-radius(@radius:5px) { -webkit-border-radius: @

Less-minxin守卫二

//minxin卫士 *--或与且语法 且:()and() 或:(),() --且 examlpe: .test(@a) when (isNumber(@a)) and (@a>=5){ font-size:unit(@a,px); } .study{ .test(10); } //output css .study { font-size: 10px; } --或 example: .test(@a) when (@a>10),(@a<2){ font-size:unit(@a,px)

less-符号之逗号,空格,父级选择器

Less符号 逗号 example: .test() { box-shadow+: inset 0 0 10px #555; } .study { .test(); box-shadow+: 0 0 20px black; } //output css .study { box-shadow: inset 0 0 10px #555, 0 0 20px black; } 属性后跟" + ",就是" , " 空格 example: .test() { transfor

Study 5 —— CSS概述

CSS(Cascading Style Sheet)称为层叠样式表,也可以称为CSS样式表或样式表,其文件扩展名为.css,CSS是用于增强或控制网页样式,并允许将样式信息与网页内容分离的一种标记性语言.引用样式表的目的是将"网页结构代码"和"网页样式风格代码"分离开,对网页布局进行更多的控制. CSS基础语法CSS样式表由若干条样式规则组成,每条样式规则由三部分构成:选择符(selector).属性(property)和属性值(value),基本格式如下:sele