css
我吃榴莲
永远别放弃自己,哪怕所有人都放弃了你
展开
-
14.2D
2D变换,是在一个平面对元素进行的操作。可以对元素进行水平或者垂直位移、旋转或者拉伸.变形属性:transformtransform翻译成汉语具有"变换"或者"改变"的意思。通过此属性具有非常强大的功能,比如可以实现元素的位移、拉伸或者旋转等效果最能体现transform 属性强大实力的是实现元素的3D变换效果。2D功能函数2D位移 translate()将元素向指定的方向移动,类似于position中的relative。水平移动:向右移动translate(tx,0)和向左移动tran原创 2020-05-27 21:29:03 · 103 阅读 · 0 评论 -
20.CSS3属性
文本阴影属性text-shadow说明:水平、垂直阴影的位置允许负值可进行多阴影设置(逗号分隔的方式) text-shadow:x轴位置 y轴位置 模糊度 颜色;文本换行Word-wrap属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。属性值: normal 说明:只在允许的断字点换行(浏览器保持默认处理) break-word 说明:属性允许长单词或 URL 地址换行到下一行Wor原创 2020-06-01 21:56:43 · 119 阅读 · 0 评论 -
13.过渡 transition
css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值transition-property:检索或设置对象中的参与过渡的属性transition-duration:检索或设置对象过渡的持续时间transition-delay:检索或设置对象延迟过渡的时间transition-timing-function:检索或设置对象中过渡的动画类型检索或设置对.原创 2020-05-24 22:40:24 · 129 阅读 · 0 评论 -
12.css3 渐变
CSS3 渐变(gradient)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果,现在通过使用 CSS3 的渐变(gradients)即可实现。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的。简单来说:从一个颜色到另一个颜色平稳得过渡(颜色逐渐得变化)线性渐变语法:background: linear-gradient(direction, color-stop1, color-stop2, ...);说明:原创 2020-05-24 22:37:30 · 91 阅读 · 0 评论 -
11.浏览器前缀
css3: 没有最终形成正式版。每个浏览器商,为了能对css3属性形成一个更好得支持,浏览器形成自己得一套语法规范。一些css3属性,如果想在浏览上形成支持,有时候需要添加浏览器前缀。谷歌前缀: -webkit- eg: -webkit-属性:属性值火狐前缀: -moz- eg: -moz-属性:属性值IE前缀: -ms- eg: -ms-属性:属性值欧鹏前缀: -o- eg: -o-属性:属性值不添加浏览器前缀 -> 标准模式添加浏览器前缀 -原创 2020-05-24 22:33:06 · 204 阅读 · 0 评论 -
10. 表格补充和BFC布局规则
练习代码已上传表格补充 一:表格标签补充: a: 数据行分组: <thead></thead> 表头 <tbody></tbody> 表体 <tfoot></tfoot> 表尾 注:每一个表格只能有一个表头和表尾,但是拥有多个表体 b: .原创 2020-05-20 22:25:05 · 117 阅读 · 0 评论 -
9.宽度自适应和解决浮动塌陷
锚点命名锚点链接的应用:命名锚点的作用:在同一页面内的不同位置进行跳转。制作锚标记: 1)给元素定义命名锚记名 语法:<标记 id="命名锚记名"> </标记> 2)命名锚记连接 语法:<a href="#命名锚记名称"></a>宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc自适应。自适应的优点:元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以.原创 2020-05-19 22:48:19 · 246 阅读 · 0 评论 -
8.position定位
代码已上传,可以免费下载CSS文档流CSS 有三种基本的定位机制:普通流、浮动流、定位流。POSTIONposition定位属性,检索或设置对象的定位方式第一步:怎么通知html的元素进行位置的变化属性:position:; 定位属性作用:检索或者设置元素的定位方式第二步:确定参照物position的属性值们第三步:坐标left:;right:;top:;bottom:;position属性static默认值。位置设置为 static 的元素会正常显示,它始终.原创 2020-05-18 21:12:50 · 182 阅读 · 0 评论 -
6.css属性和盒模型
列表属性list-style-type: 属性值: square circle disc none ...... list-style-image:url() 把图片当作列表符号显示 list-style-position: .原创 2020-05-12 22:01:13 · 122 阅读 · 0 评论 -
4.CSS样式表权重及选择符
CSS样式表的权重关系 内联样式表权重最高。 内部样式表 和 外部样式表权重关系和书写顺序有关 (后写的优先执行,后写把前写的覆盖,覆盖的只是相同属性,不同属性会继续执行) 产生权重权重关系,必然会体现css的层叠性! 场景1: 老板命令:明天休息一天不用来公司。 主管命令:明天有一个项目,需要加班一天 UI小姐姐命令:明天一起喝咖啡 命令解析:老板说话的权重最高!其次是主管的权原创 2020-05-09 21:54:51 · 206 阅读 · 0 评论