腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

柠檬先生

专栏作者

163

文章

211943

阅读量

43

订阅数

@font-face css3自定义个性化字体

使用第三方平台转换字体文件为font-face所支持的格式。 TureTpe(.ttf)格式　　支持浏览器：IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+ OpenType(.otf) 格式　　支持浏览器：Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+ Web Open Font Format(.woff) 格式　　支持浏览器：IE9

2018-01-22

9720

css3基础知识——回顾

图像处理 css

1.属性选择器完全匹配的属性选择器 [id=article]{} 　　　　示例：　　　　　　<style> 　　　　　　　　input[type=text]{ border: 2px solid red;} 　　　　　　</style> 　　　　　　<input type="text"> 　　　　　　<input type="text"> 　　　　　　<input type="password"> 　　　　结果：前两文本框的边框为两像素红色。包含匹配元素选择器，包含制定的字符串。

2018-01-22

8700

css3弹性盒子模型——回顾。

数据处理 css

1.box-flex属性规定框的子元素是否可伸缩其尺寸。父元素必须要声明display:box;子元素才可以用box-flex。　　　　语法：box-flex:value; 　　　　示例：　　　　　　<style> 　　　　　　　　.test_box {display: -moz-box;display: -webkit-box;display:box;width: 800px;margin: 40px auto;padding: 20px; 　　　　　　　　　　　　backgroun

2018-01-22

5830

css3响应式布局设计——回顾

响应式设计是在不同设备下分辨率不同显示的样式就不同。 media 属性用于为不同的媒体类型规定不同的样式。根绝浏览器的宽度和高度重新渲染页面。　　　　语法： @media mediatype and | not | only (media feature) {} 　　　　示例：　　　　　　<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css"/> 　　　　结果：分辨率在大到600的时候显示这个样式

2018-01-22

1.5K0

css3 过渡和2d变换——回顾

1.transition 　　语法：transition: property duration timing-function delay; 　　　　　　transition-property 设置过渡效果的css 属性名称　　　　　　　　语法： transition-property: none | all | property 　　　　　　　　　　　　none 没有属性会获得过度效果　　　　　　　　　　　　all 所有属性都将获得过度效果。　　　　　　　　　　　　property 定义应用过

2018-01-22

7860

css3 3d变换和动画——回顾

1.transform-style 属性指定嵌套原始是怎样在三维空间中呈现。　　语法：transform-style: flat | preserve-3d 　　　　　　flat 表示所有子元素在2D平面呈现。　　　　　　preserve-3d 表示所在元素在3D空间中呈现。 2.perspective 定义3D元素距视图的距离，以像素计，当为元素定义perspective 属性时，其子元素获得透视效果，而不是元素本身　　语法：perspective: number | none; 　　　　　　nu

2018-01-22

6310

Less 常用基础知识

css 编程算法

LESS 中的注释　　也可以额使用css 中的注释(/**/) 这种方式是可以被编译出来的。　　也可以使用// 注释不会被编译的变量　　声明变量的话一定要用@开头例如：@变量名称：值；　　@test_width:300px; 　　.box{ 　　　　　　width:@test_width; 　　　　　　height:@test_width; 　　　　　　background-color:yellow; 　　　　} 混合-(Mixin）

2018-01-19

4010

zepto 基础知识(6)

ajax css json 编程算法

101.$.ajax 　　$.ajax(options) 类型：XMLttpRequest 　　执行Ajax请求。他可能是本地资源，或者通过支持HTTP access control的浏览器或者通过 JSONP来实现跨域。　　选项：　　　　type(默认： “GET”)：请求方法 (“GET”, “POST”, or other) 　　　　url (默认：当前地址)：发送请求的地址　　　　data (默认：none)：发送到服务器的数据；如果是GET请求，它会自动被作

2018-01-19

1.5K0

css3 RGBA 红色R+绿色G+蓝色B+Alpha通道

语法：　　R：红色值。正整数 | 百分数　　G：绿色值。正整数 | 百分数　　B：蓝色值。正整数| 百分数　　A：透明度。取值0~1之间取值：　　<length>:Hue(色调)。0(或360)表示红色，120表示绿色，当然可以取其他数值来确定其他颜色。　　<percentage>:Saturation(饱和度)，取值为0%到100%之间的值。　　<percentage>:Lightness(亮度)。取值为0%到100% 之间值；　　<opacity>:a

2018-01-19

5790

mix-blend-mode 混合模式 background-blend-mode 背景混合模式 isolation:isolate 隔离

css3 mix-blend-mode 混合模式该属性不仅可以作用于HTML，还可以作用于SVG 　　兼容性： IE 8~11 Edge 12~14 Firefox 41~47 chrome 45~51 Safari 7~9.1 　　支持的值很多：　　mix-blend-mode:normal; 　　 //正常　　mix-blend-mode:multiply; 　　//正片叠加　　mix-blend-mode:screen; 　

2018-01-19

1.1K0

jquery 操作css 尺寸

图像处理 jquery css

.height() 　　获取元素集合中的第一个元素的当前计算高度值，或设置每一个匹配元素的高度值。　　.height() 　　　　获取匹配元素集合中的第一个元素的当前计算高度值。　　　　这个方法不接受参数。　　　　$(window).height(); 获取头像的高度。　　　　$(document).height() 　　.height(value) 　　　　设置每一个匹配元素的高度值。　　　　value 一个整数代表的像素数，默认为像素px。

2018-01-19

1.1K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态