发 送

在线教程

  • css inheritance

    ... 承是代码复用的关键机制，通过继承多个对象可以共享一个属性或函数而无须重复声明。CSS继承机制的设计动机也是类似的。 继承方式 CSS利用HTML的文档层级关系，使得属性的值能通过层级关系从上到下的传承下去。 我们知道 ... ) 行高（line-height） 注意有一些HTML元素并不遵从继承性规则，比如a链接就不继承 颜色（color） 属性。 Next → CSS 优先级 NextPrevious回到顶部

  • css advanced

    ... 来要涉及到的就是CSS3引入的一些高级特性，比如动态交互、中间状态以及和时间有关的动画渐变、和空间有关的几何变换等。 我们在CSS入门课程的CSS选择器章节曾经提到过一个和动态交互有关的特性：伪类（Pseudo-class），读者可以回头复习一下。 接下来，我们就从详细介绍CSS3伪类特 ...

  • css basics

    ... 来定义网页的外观。好比用HTML元素搭建的毛坯房，需要使用CSS来装修成最终可居住的房间。这包括设置HTML元素的颜色、字体、大小、边距、位置以及动效等。 HTML是平淡的，而CSS是生动的。通过调整色彩、空间、布局和运动属性，CSS可以大大提升HTML静态内容的品质和用户体验。 Start &rarr ...

  • css bfc

    ... :hidden，wrap内部高度为0。因为默认情况下浮动元素不计入父元素行高。（参考阅读：CSS 浮动（float）） 例子3：防止垂直方向的 margin 合并 BFC内部块元素的垂直margin会发生合并（也叫折叠collapse），这 ... 在前面的CSS外边距章节讲解过。 不同属于一个BFC的块元素垂直margin不会发生合并，所以通过给上面例子中的 ...

  • css border radius

    6.5 CSS 圆角边框（border-radius） 用来给元素添加圆角边框 语法 border-radius属性用来给元素添加圆角边框。和border类似，border- ... 在div中嵌套一个div，这样一个构成外圆，一个构成内圆，把内圆的背景色设置成页面底色。 Next → CSS 框阴影 NextPrevious回到顶部

  • css element types

    ... or applet. ... 所以替换元素其实就是指 img, input, textarea, select, object 等这类不需要依赖CSS格式化模型而带有内在尺寸的元素。 换个角度，我们还可以把替换元素理解为所有需要浏 ... lt;img> 是一个不可替换元素，文本“段落的内容”全被显示。 前面的章节我们介绍了CSS的基础知识，如基本语法、选择器、继承、优先级、颜色大小等，接下来我们将详细讲解如何样式化一个文本。 Next ...

  • css flex layout items

    11.18 CSS 弹性项 弹性项用来表示弹性容器中的元素 一般而言，弹性容器中的弹性项（flex item） ... 的height: 120em; min-height: auto，那么其自身尺寸将根据 height: 120em 来计算，而和 min-height 属性无关。 Next → CSS 弹性布局的顺序和方向 NextPrevious回到顶部

  • css flex layout order

    11.19 CSS 弹性布局的顺序和方向（Ordering/Orientation） 弹性容器的内容可以在任何方向以任何顺序放置 弹性容器的内容可以在任何方向以任何顺序放置。这种灵 ... 动填充屏幕可用空间。 此外，读者还可以缩小预览窗口以观察小屏幕（移动设备）下该布局的响应式特性：行栈将切换为列栈，这是通过CSS样式代码中的media-query部分来实现。 Next &rarr ...

  • css flex layout overview

    ... 容。 在每一个条目中，源文件的内容是以逻辑顺序排列的，其次是描述和照片。这提供了一个明智的命令和语音呈现非CSS的浏览器。 然而，对于一个更具吸引力的视觉演示，顺序是用来把图像从后面的内容中拉出来，并将自己的水平居中对 ... 齐。 在每一个条目中，源文件的内容是以逻辑顺序排列的，首先是标题，其次是描述和照片。这为非CSS浏览器和语音解析提供了一个合理的顺序。 然而，对于一个更具吸引力的视觉演示，order属性可以把图像从内容的后面 ...

  • css line height

    ... 元素font-size来计算高度。这种情况继承的是动态值。 你可以用下面的例子在线测试（点击“Edit on Techbrood”，然后在CSS面板中修改代码），直观感受不同方式之间的区别： 一般而言，我们会发现： 使用像素（绝对值）会使得标题太 ... 行高，并使用如下经验值： 内容文本设置为：1.5 标题文本设置为：1.2 Next → CSS 字体速写 NextPrevious回到顶部

推广服务（新）
最新文章

  • php curl大文件上传遇到502或504错误

    使用php的curlfile上传大文件到远端服务器，遇到502错误。原因可能是超时或者内存超出，需要修改nginx、php.ini和php-fpm.conf中的一些配置。修改php.ini（注意c...

  • HTML、JavaScript和GLSL编码规范

    HTML编码规范

    • 始终将文档类型声明为文档中的第一行:

  • WebGL 2D纹理坐标到3D顶点坐标的映射

    webgl纹理映射用来把图片贴到模型的材料表面，给模型添加丰富的细节。该方法的核心是把一张二维的图片映射到三维的坐标空间去，也就是为每一个3d顶点找到其相应...

  • WebXR基本概念和应用程序开发简介

    XR是VR,AR和MR的统称，VR,AR是从感官体验的角度来区分的，
    VR是用户借助外设输入输出（头戴、手柄、体感、运动感知等软硬件系统）来和纯虚拟场景的交互体验...

  • 网站SSL安全证书认证的基本过程和原理

    现在的网站基本上都迁移到了https协议上，https是http协议的安全升级版本。在原来的http协议下，如果有人截获了你发送给服务器的报文，就能获取里面的信息，比如...

    • 更多...