CSS3
芋头PLUS
天行健君子以自强不息,地势坤君子以厚德载物
展开
-
CSS3网页动画
CSS3网页动画概要:CSS3变形是一些效果的集合 如:平移、旋转、缩放、倾斜效果每个效果都可以称为变形(transform)他们可以分别操控元素发生平移、旋转、缩放、倾斜等变化。网页中能够实现的动画:动态图、flash、JavaScript1.transform:[transform-function]; 1>translate();平移函数 tr...原创 2017-09-21 22:57:00 · 145 阅读 · 0 评论 -
CSS定位网页中的元素
relative相对定位偏移设置:left、right、top、bottom 值单位:px元素的规律:相对定位元素的规律 设置相对定位的盒子会相对它原来的位置通过指定偏移,到达新的位置。 设置相对定位的盒子仍在标准文档流中,它对父级盒子和相邻的盒子都没有任何影响 设置相对定位的盒子原来的位置会被保留下来 特性: 相对于自己的初始位置来定位...原创 2017-09-20 16:30:00 · 152 阅读 · 0 评论 -
CSS网页布局
注:优化样式表:增加css样式表的可读性 减伤样式重复一.主要内容1.布局分类;131 1212.display属性排版3.float属性排版(横向多列布局)4.防止父类盒子塌陷二.标准文档流: a>组成 块级元素(block) 内联元素(inline) b>display属性值:block、inl...原创 2017-09-19 22:42:00 · 118 阅读 · 0 评论 -
CSS背景渐进色
一.分类 a>线性渐变:颜色沿着一条直线过度:从 左到右、从上到下等; b>径向渐变:圆形或椭圆形渐变,颜色不再沿着一条直线变化,而是从一个起点朝所有方向混合。1.线性渐变语法: background:linear-gradient(position,color1,color2...);position:to top 0deg to botto...原创 2017-09-18 22:20:00 · 1278 阅读 · 0 评论 -
CSS样式内容
CSS代码规范:尽量不要在标签内使用样式代码。 .css文档内部声明不换行可以节省内存。谨记: 常犯的错误是.html文档和.css样式表都写好了,但总会忘记插入样式表。1.字体的样式 2.文本属性vertical-align:middle/top/bottom; text-align属性 值 说明 left 把文本...原创 2017-09-16 21:12:00 · 194 阅读 · 0 评论 -
CSS的六大选择器
选择器:选择器是一种模式,用于选择需要添加样式的元素。首先简述六大选择器基本选择器 标签选择器 类选择器 ID选择器高级选择器 层次选择器 结构伪类选择器 属性选择器其中基本选择器与层次选择器较为常用。一.基本选择器 1.标签选择器 使用HTML标签来设置标签内的图文样式。 2.类选择器 使用class属性定义标签类值...原创 2017-09-16 15:12:00 · 258 阅读 · 0 评论 -
CSS三种插入样式表格式
首先简单理解浏览器与网页的交互过程CSS样式表(stylesheet) cascading style sheet 级联样式表 表现HTML或XHTML文件样式的计算机语言:包含对字体、颜色、边距、高度、背景图片、网页定位等设定 css优势:内容于表现分离 网页的表现统一,容易修改 丰富的样式,使得页面布局更加灵活 减少网页的代码量,增加网页的浏览速度,...原创 2017-09-16 13:08:00 · 228 阅读 · 0 评论