CSS
来源:互联网 发布:如何健康减肥知乎 编辑:程序博客网 时间:2024/06/07 04:43
- css权重:内联样式>header定义的 样式>大于外部样式>浏览器缺省设置(默认设置)
选择器:
Css分为以下几大模块:- 选择器
- 框模型
- 背景和边框
- 文本效果
- 2D/3D 转换
- 动画
- 多列布局
- 用户界面
- 边框:边框有以下几种属性:border-radius(边框圆角) box-shadow (边框阴影) border-image(图像边框)
- 背景:我们可以通过使用background-size设定背景的大小,也可以使用background-origin来设定边框的位置,它有三个值:border-box,content-box,padding-box。分别是让背景从边框处显示、从padding内显示,从内容里显示。请看示范
- 我们可以使用background-img来使用图片作为背景,并且可以以这种方式
background-image:url(bg_flower.gif),url(bg_flower_2.gif);
来设定多组图片作为背景 - 文本效果:text-shadow文字阴影效果,word-wrap文本超长的情况下,会转换到另一行。
- 2D转换(2D动画效果):
translate(50px,100px) 当前位置从左边平移50px,从顶端平移100px
rotate(30deg) 旋转30度
scale(2,4)宽度变为原来的两倍大小,高度变为原来的四倍大小
skew(30deg,20deg)翻转,根据给定的x,y度数翻转
matrix(0.866,0.5,-0.5,0.866,0,0)根据给定的6个参数,允许您:旋转、缩放、移动以及倾斜元素。
6.
阅读全文
0 0
- CSS
- css
- css
- css
- css
- CSS
- CSS
- css
- css
- CSS
- css
- css
- CSS
- css
- CSS
- css
- CSS
- css
- kettle5.3源码部署
- 这些关于四轴飞行器名词你都明白么
- JS的一些小技巧
- XML文件详解以及解析
- IntelliJ idea mybatis插件功能介绍
- CSS
- 测试计算机大小端
- lintcode python代码 433岛屿个数
- [BZOJ 1070][SCOI2007]修车:费用流
- 卷积神经网络Step by Step(四)
- crontab/at简单的调度--LJ
- idea 快捷键
- 【校长刘阿姨寄语毕业生:终身学习 自信从容 不甘示弱】
- centos镜像文件下载链接