发 送

在线教程

  • why css exists

    ... 版本，这意味着在相当长的时间内不会出现CSS4（类似的，也不会出现HTML6）。 不过CSS3各个模块则有正式发布、草稿以及废弃状态。这些模块包括：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效以 ... 及多栏布局等。各模块最新状态可以查阅：CSS Current Status - W3C 由于CSS3向下兼容CSS2.1，且很多新特性已经得到主流浏览器的支持（Chrome/FireFox/Safari/IE9+等），所以 ...

  • css gradients

    ... 百分比或像素长度来表示。 线性渐变特性从2008年苹果公司提议开始，到目前最新的版本（Level 3），经历过多次变化，目前网上能查到的中文技术博客内容都或多或少有些过时。 ... 角。 上例中起点为(20px,20px)坐标位置，最近角为左上角(0,0)位置，最远边为右边。使用角时，会产生类似对角线渐变效果，而使用边时没有。 固定尺寸（fixed size） 我们也可以使用像素来定义具体的渐变尺寸： div{ background-image: radial-gradient(20px ...

  • html canvas image effects

    ... 像添加一些基本的特效 在PhotoShop中有专门的效果工具，Canvas也提供了一些基本的效果接口。这种效果在画布中实现是很简单的，特别是现在你已经掌握了像素的操作方法。 反转颜色 这个效果将反转图像的颜色值。基本方法就是用255减 ... 度（参见图2）。 将图像转换为灰度 像素化 你是否曾经看到过新闻或文件中人物脸孔被像素化的情况？这是一种强大的特效，它可以将图像变得不可识别，但并不真正删除整个部分。 实际上重新 ...

  • browser

    ... 样都是需要安装和升级的本地应用程序，用来打开（解析并渲染）特定格式的文档，不同的是浏览器只能阅读网页不能创建或编辑，而Word既可以阅读doc文档也可以编辑。 如果要创建和编辑HTML文档，则需要使用文本编辑器。文档编辑器打开的是HTML源 ... 类似样式选择器的简写代码来快速生成完整的代码。比如输入html:5然后按tab键，将自动生成一个html5页面模板，提高了编码效率，减少重复劳动。我们强烈建议安装该插件，详细的安装方法和使用说明请参考如下链接： Sublime Text Emmet插件使用和配 ...

  • js syntax basics

    ... 础语法 开发环境 和其他脚本语言一样，编写JavaScript只需要简单的文本编辑器，当然为了提高开发效率，基本的语法着色和自动完成功能还 ... John"; lennon["year"] = 1940; lennon["living"] = false; 这被称之为关联数组。数字数组实际上是关联数组的一个特例。 操作（Operations） 有了数据，我们还需要添加操作，才能完成实际的应用任务。 算术运算符（Arithmetic operators） ...

  • css grid layout placement

    ... .six { grid-row: text 5 / text 7; /* 横跨第五和第七个命名为“文本”的网格线之间的区域。 */ grid-row: text 5 / span text 2; /* 同上。 ... 该命名加入跨度计算。如果<integer>被忽略，则取缺省值1。负数和零为无效值。 auto 该取值表示使用自动定位和跨距或默认跨距。 给定一个单行，8列的网 ... 格区域可供摆放。 （网格跨度不需要特别的处理，如果它们没有明确指定，默 ...

  • css responsiveness

    ... ）上提出了很大的挑战。 移动设备通常要比电脑的屏幕小很多，一套以电脑分辨率和视觉效果为蓝本的设计，显然不能满足要求。那么我们该怎么处理移动端的展示呢？通常我们有3种选择 ... 文件或head的style块中通过@media定义CSS样式  @media screen{    选择器{     属性：属性值；    }  } 上述语句中的media属性，就是用来指定特 ...

  • css priority

    ... 3条CSS规则都选定了上述的p元素，但是浏览器只能用一种颜色来绘制文本。类似这样的样式冲突，究竟哪个规则会起作用呢？ 答案是靠级联（cascade）。 级联将结合重要性、 ... 选择器 浏览器在渲染某个HTML元素时，首先会寻找所有作用在该元素上的有效CSS选择器，为此，它根据指定的媒体类型（media type）遍历所有的样式表来源， ... 媒体类型是CSS2中一个非常有用的属性，通过media type我们可以对不同的设备指定特定的样式，从而实现更灵活多样的界面，CSS3的媒体查询（media query）是对媒体类型 ...

  • css pseudo elements

    ... - 使用伪元素实现首行着色和段落投影 本例使用伪类:lang来过滤lang属性为特定值（如en-us）的元素。 使用伪元素::after来给元素（文本）自动添加语言说明后缀。 例子3 - 使 ... 能生效。 本例使用伪类:after来实现内圆。 更多使用伪元素实现的巧妙交互动效，可直接在我们的主站点进行搜索。 伪类和伪元素的区别 前面一节和本节内容 ...

  • html canvas shadow

    ... 认情况下，2D渲染上下文是不会绘制阴影效果的，因为shadowBlur、shadowOffsetx和shadowOffsetY都设置为0，而shadowColor设置为透明黑色。 创建阴影效果的唯一方法是将shadowColor修 ... 为默认值0。需要特别指出的是，即使使用了不透明的黑色，但由于采用了模糊效果，这个阴影在边界上仍然有些透明效果（参见图1）。 基本阴影效果 修改shadowBlur，shadowoffsetX或 ...

推广服务（新）
最新文章