css3 总结01

【css3 总结01】的更多相关文章

前缀 chrome: -webkit- safari: -webkit- firefox: -moz- ie: -ms- opera: -o- 书写的时候应该先用有前缀的样式,再用无前缀的样式颜色 rgb(red, green, blue); rgba(red, green, blue, opacity[0-1]); hsl(色度, 饱和度, 亮度): 色度为色轮的度数,0/360d代表红色,120代表绿色,240代表蓝色: 饱和度百分比值,100%表示完全显示该颜色: 亮度百分比值,0%代表…

CSS3基础01

一.选择器: 分为关系选择器 ,属性选择器 ,伪类选择器 1.1关系选择器后代选择器 ul li 选择所有的后代元素子代选择器 ul > li 选择ul的儿子紧邻选择器 .box + li 选择.box后面的一个li元素兄弟选择器 .box ~ li 选择.box后面所有的li元素 1.2属性选择器 :通过属性来选择对应的元素 (1)E[属性名] : 选择所有的具备这个属性的E元素 (2)E[属性名=值] :选择所有的具备这个'属性 = 对应值'的E元素 (3)E[属性…

CSS3选择器01—CSS2.1部分选择器

这篇文章主要用于存储CSS以及CSS3的选择器部分知识,以便日后查阅及记忆. 该内容分为两部分,第一部分为css选择器的一些基本知识.第二部分为CSS3新增加的选择器. 在开始之前,先简单介绍一下选择器,选择器的作用就是定位我们想要样式化的网页HTML元素.选择器可以分为以下几种类型. 1.简单选择器,通过元素类型,class或id匹配一个或多个元素. 2.属性选择器,通过属性/属性值匹配一个或多个元素. 3.伪类,匹配处于确定状态的一个或多个元素.(比如鼠标指针悬停的元素.当前被选中或未被选…

css3学习01

1.圆角边框(div的一个属性:border-radius) <!DOCTYPE html> <html> <head> <style> div { text-align:center; border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:350px; border-radius:25px; } </style> </head> <body…

大前端时代已经到来！传智播客2015之WEB前端视频教程（全套教程共15G）

大前端时代已经到来!传智播客2015之WEB前端视频教程(全套教程共15G)大前端时代已经到来!如今,前端开发工程师的职责,不是只有切图.制作网页这么简单哦! G:\传智播客2015-WEB前端视频教程-----------├文件夹1:[01 html教程视频]│ ├文件夹1:[324带你一周hold住html+css 第01讲 html标记语法基础]│ │ ├(1)html标记语法基础 (1)│ │ ├(2)html标记语法基础 (2)│ │ ├(3)html标记语法基础 (3)…

CSS3基础入门01

CSS3 基础入门 01 前言相对于css2来说,css3更新了很多的内容,其中包括选择器.颜色.阴影.背景.文本.边框.新的布局方案.2d.3d.动画等等. 而如果想要学习css3的诸多部分,不妨按照选择器.布局.样式等分类来学. 主流浏览器和浏览器前缀目前来讲,主流浏览器包括谷歌浏览器.火狐浏览器.safari浏览器.opera浏览器和ie浏览器. 而五大浏览器又对应着不同的内核: •Trident IE •Gecko firefox •Presto opera •Webkit (Saf…

【01】《响应式Web设计：HTML5和CSS3实战》

[01] (魔芋:已看完.) [01]<响应式Web设计:HTML5和CSS3实战>(全).pdf 共246页. 2013年1月出版. 读后感:适合入门的书籍,对于响应式布局,用了一个例子来讲解.后半部分讲了一些CSS3的新属性.阴影,transform,transition等. [英]ben frain 著王永强译 …

CSS3 01. CSS3现状、属性选择器、伪类选择器、结构伪类、伪元素选择器、颜色、文本阴影shadow、盒子模型、私有化前缀

CSS 3 现状兼容性差,需添加私有前缀/移动端优于PC端/不断改进中/渐进增强原则/考虑用户群体/遵照产品的方案 : CSS3手册需要阅读其--阅读及使用指引 []表示全部的可选项 || 或者 | 表示多选一 ? 表示 0个或1个 * 表示 0个或多个 {}表示范围 {A}代表出现A次 ,{A,B}代表出现A次以上B次以下 ,B可以省略,{A,} 代表至少出现A次,无上限 # 出现1次以上,以逗号隔开,可以选择后面跟大括号的方式精确表示重复次数:<length>#{1,4}. !代表…

01.Web大前端时代之：HTML5+CSS3入门系列~初识HTML5

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 文档申明  <!DOCTYPE html> 字符编码(UTF-8)  <meta charset="utf-8" /> 版本兼容 1.省略引号: 当属性值不包括…