CSS3 学习
border-radius:
半径,不用学了,用得很熟了,但要记得它的某一个角的写法是border-top/bottom-left/right-radius: ,参数中的两个值为先左右后上下,支持百分号
box-shadow:
div加阴影,语法为box-shadow: h-shadow v-shadow blur spread color inset;
text-shadow:
文字阴影,类似box-shadow
word-wrap:
只有break-word or normal
@font-face:
安全字体
transform:
2D变换,要加前缀,平移是相对的,还可以旋转拉伸各种,对应函数有translate(),rotate(),scale(),skew()(翻转)等,3D的有rotateX(),rotateY(),rotate3D(),scale3D()等
transition:
过渡,要加前缀too,好东西一枚不可放过
@key-frames
css动画,so magical,from{}to{}语法或0%{}x%{}y%{}100%{}语法
CSS3 学习的更多相关文章
- HTML5 CSS3学习
		
HTML5 CSS3学习 :http://www.1000zhu.com/course/css3/ HTML5 相关书籍: http://www.html5cn.com.cn/news/gdt/2 ...
 - CSS3学习之圆角box-shadow,阴影border-radius
		
最近经常玩腾讯微博,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似( ...
 - css和css3学习
		
css和css3学习 css布局理解 css颜色大全 样式的层叠和继承 css ::before和::after伪元素的用法 中文字体font-family常用列表 cursor属性 css选择器 F ...
 - CSS3学习笔记(3)-CSS3边框
		
p{ font-size: 15px; } .alexrootdiv>div{ background: #eeeeee; border: 1px solid #aaa; width: 99%; ...
 - HTML5与CSS3权威指南之CSS3学习记录
		
title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) ...
 - CSS3学习总结——实现瀑布流布局与无限加载图片相册
		
首先给大家看一下瀑布流布局与无限加载图片相册效果图: 一.pic1.html页面代码如下: <!DOCTYPE html> <html> <head> <me ...
 - 十天精通CSS3学习笔记 part4
		
CSS3中的变形与动画(下) CSS3 Keyframes介绍 Keyframes 被称为关键帧,其类似于Flash中的关键帧.在CSS3中其主要以"@keyframes"开头,后 ...
 - CSS3学习笔记1-选择器和新增属性
		
前言:之前自学了一些关于CSS3的知识,在学习过程中也遇到过坑,不过总算磕磕绊绊的学习完了关于CSS3的相关知识,于是最近把之前的笔记和代码整理了一下,也算是一个对CSS3知识的回顾复习吧,也希望能够 ...
 - CSS3学习内容与心得
		
今天2005年7月9号,博客这个东西还真不懂,以前吧我不认识它,它也不认识我.没辙,汤老要我们写,就写吧. 写什么好呢?那就写今天学习的css3的一些要点吧. css这门课程几乎都学完了.而我觉得我还 ...
 - HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性
		
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. 本次学习HTML5的新标签元素有: <head ...
 
随机推荐
- Eclipse开发PHP环境配置
			
首先准备好软件: 1. Apache,到这里找个最新版本 2. PHP,到这里下载 3. Eclipse IDE for Java EE Developers,到这里下载 4. DLTK Core F ...
 - wpf 透明窗体中使用webbrowser
			
wpf ,PNG图形半透明窗体 ,使用webbrowser控件 附件:http://files.cnblogs.com/xe2011/WpfApplication1_webbrowser_tran ...
 - Tomcat 优化
			
1.apr 许多朋友可能在启动tomcat的时候都会看到类似这样的信息: 引用 org.apache.catalina.core.AprLifecycleListener init 信息: The A ...
 - 回击MLAA:NVIDIA FXAA抗锯齿性能实測、画质对照
			
PC游戏玩家肯定会对各式各样的AA抗锯齿技术很熟悉,而今天本文的主角就是NVIDIA今年才推出的新型抗锯齿技术"FXAA". FXAA在某种程度上有些类似于AMD之前宣传的MLAA ...
 - linux shell执行方式
			
linux shell执行有两种方式 shell脚本以#!/bin/bash开头,执行shell时先检查首行,在内部以下列方式执行: $/bin/bash script.sh 1. 使用sh执行. $ ...
 - update 改写 merge into
			
update语句改写成merge into有时会提高运行速度 看两个案例 1.根据业务将两个嵌套子查询改写成max,速度有3min提升到3s UPDATE OPER_792.LL_SCB_YDKB_2 ...
 - last_9t's_ramsey
			
cannot finish his face
 - 安卓开发中使用Genymotion模拟器
			
在安卓开发中,运行和调试自己所写的安卓程序需要用到模拟器 在一般情况下 是直接在这创建一个模拟器,但是这种自带的模拟器运行效率不佳,而且启动时间漫长 所以,我们可以换一款安卓模拟器 Genymotio ...
 - 开始C#之旅
			
注释 /// <summary> /// 3.文档注释 /// </summary> private static void Test() { Console.WriteLin ...
 - Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行
			
H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现, ...