您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. introduction-to-css-lab-v-000-源码

  2. CSS Lab简介 问题陈述 HTML在我们网站中的作用是提供结构,内容和链接资源(例如CSS文件)。 它在描述内容的样式(“表示”)中的作用很小。 HTML的样式设置能力几乎仅限于“相当好”的默认设置。 为了进一步自定义网站的样式,外观和交互行为,我们转向层叠样式表或CSS。 在本实验中,我们将在HTML中实现CSS声明。 目标 在我们HTML中导入CSS文件 实现CSS声明 在我们HTML中导入CSS文件 首先,我们需要确保HTML正在加载样式表。 我们有两个选项被认为是“最佳实践”:
  3. 所属分类:其它

    • 发布日期:2021-03-16
    • 文件大小:10240
    • 提供者:weixin_42097189
  1. css-adding-responsive-features-v-000-源码

  2. 响应功能 问题陈述 在您的Web浏览器中打开index.html文件,然后进行检查。 调整窗口大小。 请注意,随着窗口变小,网站变得越来越不可读? 这就是我们所说的桌面向下设计。 在这种情况下,我们的组件是按完整大小构建的,因此,作为开发人员,您应自行选择合适的断点并根据需要调整布局。 由于我们希望我们的用户在所有尺寸上都拥有最佳体验,并且没有适用于手机和平板电脑的尺寸调整标准,因此,对全响应式设计进行工作需要我们反复试验。 在本实验中,我们将练习调整现有HTML和CSS以包括响应式媒体查询。
  3. 所属分类:其它

    • 发布日期:2021-03-16
    • 文件大小:9437184
    • 提供者:weixin_42106357
  1. box-style-lab-v-000-源码

  2. 盒子风格实验室 目标 练习使用CSS编写和使用盒式样式 探索border , box-shadow , background和linear-gradient() CSS函数 介绍 正如您已经注意到的(作为Internet的非编程最终用户),那里的大多数网站都使用方框来表示内容。 有时我们看到这些框的边界,有时它们具有轻微的3D效果,有时当我们将鼠标悬停在它们上方时它们会改变颜色。 现在,作为您的Web程序员,您知道这样做有充分的理由! DOM通过HTML和CSS的指示,默认为其大多数元素使用箱
  3. 所属分类:其它

    • 发布日期:2021-03-16
    • 文件大小:734208
    • 提供者:weixin_42105169
  1. css-graffiti-override-lab-v-000-源码

  2. CSS涂鸦替代实验室 问题陈述 想象一下,当您走在街上时,您会注意到其中有一幅壁画被涂满了各种涂鸦标签。 实际上,清理可能是一项艰巨的任务。 但是,在CSS中,您仅用一两行代码即可操作DOM,并将壁画还原为原始外观! 在本实验中,我们创建了一个虚拟墙。 仅使用CSS,如何删除难看的标签? 目标 观察浏览器开发人员工具 使用特异性覆盖现有样式 获取实验室存储库并启动项目 对于学习IDE环境用户 对于学习浏览器内平台的用户,请单击“打开IDE”按钮。 您将通过文本编辑器进行编辑。 对于本地环境用户
  3. 所属分类:其它

    • 发布日期:2021-03-16
    • 文件大小:2097152
    • 提供者:weixin_42109639
  1. my-little-rainbow-lab-v-000-源码

  2. 我的小彩虹 问题陈述 在本实验中,我们将使用HTML 元素使彩虹变成彩虹。 同时,我们将学习HTML元素,CSS样式,CSS选择器,颜色在CSS中的工作方式以及导入样式表。 在开始之前,这里是有关HTML和CSS的一些基本信息。 如果您对HTML和CSS足够满意,跳过以。 回顾HTML基础 超文本标记语言(HTML)是一种结构化具有不同部分的文档的方法。 内容的每个部分都由元素标记(使用标签)。 每个元素都有其自己的特殊含义,浏览器用来呈现HTML文档。 使用有关HTML元素的作为指导。 元素
  3. 所属分类:其它

    • 发布日期:2021-03-16
    • 文件大小:11264
    • 提供者:weixin_42133452
  1. animal-save-lab-v-000-源码

  2. 动物救救! 问题陈述 四种可爱的动物正处在危险之中,只有借助我们对媒体查询,绝对定位和快速响应的设计技术的了解,我们才能拯救它们。 目标 练习编写媒体查询 练习使用绝对定位 实践测试响应式设计 介绍 在本实验中,我们将创建媒体查询以将动物放在浏览器窗口中。 媒体查询是CSS规则,有条件地将样式应用于不同的屏幕尺寸。 与CSS定位值一起使用时,我们可以设置页面样式,以在各种设备上提供一致的体验-在这种情况下,请确保无论浏览器窗口的大小如何,我们的动物都不会遇到麻烦。 指示 在浏览器中打开index
  3. 所属分类:其它

    • 发布日期:2021-03-16
    • 文件大小:634880
    • 提供者:weixin_42122306
  1. CSS-Fundamentals-Lab-v-000-源码

  2. CSS Lab简介 目标 练习链接外部CSS文件 练习编写选择器 练习样式化HTML 介绍 在本实验中,我们将通过链接外部CSS文件向我们的index.html页面添加样式。 如果您在浏览器中打开index.html (通过使用Google Chrome打开文件或在Learn IDE上运行httpserver ),您将看到已提供的基本HTML。 该网站模拟了一个基本的房地产网站(其链接已被禁用,我们将仅使用基本的index.html登陆页面)。 如您所见,我们的基本页面相当乏味。 这就是你进来
  3. 所属分类:其它

    • 发布日期:2021-03-16
    • 文件大小:100352
    • 提供者:weixin_42116681
  1. css-graffiti-override-v-000-源码

  2. CSS涂鸦替代实验室 问题陈述 想象一下,当您走在街上时,您会注意到其中有一幅壁画已被各种涂鸦标记所覆盖。 实际上,清理可能是一项艰巨的任务。 但是,在CSS中,您仅用一两行代码就可以操作DOM,并将壁画还原为原始外观! 在本实验中,我们创建了一个虚拟墙。 仅使用CSS,如何删除难看的标签? 目标 观察浏览器开发人员工具 使用特异性覆盖现有样式 获取实验室存储库并启动项目 对于学习IDE环境用户 对于学习浏览器内平台的用户,请单击“打开IDE”按钮。 您将通过文本编辑器进行编辑。 对于本地环境用
  3. 所属分类:其它

    • 发布日期:2021-02-25
    • 文件大小:2097152
    • 提供者:weixin_42175776
  1. 利雅得博客v-000-源码

  2. 利雅得博客 创建提供的屏幕快照图像中显示的网站页面。 LearnIDE环境用户的任务 点击“打开IDE”按钮 本地环境用户的任务 分叉此存储库。 在本地克隆叉子。 cd进入刚刚克隆的本地存储库。 过程 在index.html文件中,使用代码中的注释将SOURCE.md中的内容SOURCE.md在正确的位置。 图像文件可以用作构建index.html页面时的参考。 提示:如果您想看看自己的手工作品,可以按照在浏览器中预览。 奖金 在css文件夹中的style.css文件中使用css来更改页面
  3. 所属分类:其它

    • 发布日期:2021-02-25
    • 文件大小:920576
    • 提供者:weixin_42165508
  1. v-000盒式代码-源码

  2. CSS Box样式代码 概述 在练习中的这段代码中,我们将应用一些CSS框样式,例如背景图像,渐变,阴影和边框。 提供了您需要遵循的所有文件,并且在浏览器中的IDE中打开此代码将为您创建分支并克隆一个副本,但是如果您想继续在您的个人exceptional-realty资源库中工作,请执行以下操作: git clone https://github.com//exceptional-realty cd exceptional-realty 我们将使用此代码在新分支上进行工作,因此继续创建一个名为
  3. 所属分类:其它

    • 发布日期:2021-02-25
    • 文件大小:8388608
    • 提供者:weixin_42157556
  1. CSS样式v-000-源码

  2. CSS样式代码 目标 查看链接外部CSS文件。 查看编写选择器。 样式化文本内容。 介绍 在练习的这段代码中,我们将通过链接外部CSS文件为页面添加样式。 如果您在浏览器内的学习IDE中打开此实验,则所有需要遵循的文件将可用,并将自动克隆下来。 但是,如果您在之前HTML课程中一直使用个人exceptional-realty资源存储库,则可以在终端中运行以下命令,从我们中断的地方继续: git clone https://github.com//exceptional-realty cd
  3. 所属分类:其它

    • 发布日期:2021-02-20
    • 文件大小:8388608
    • 提供者:weixin_42103587
  1. css-issue-bot-9000-v-000-源码

  2. CSS问题Bot 9000 问题陈述 尽管当今的浏览器越来越能够适应CSS中的错误,但是某些错误并不能总是被优雅地捕获。 此变量会使一致地应用样式或布局变得极为困难。 如何快速扫描我们CSS文档中的问题? 让我们练习使用W3CCSS验证器! 目标 将无效CSS更改为有效CSS 将无效CSS更改为有效CSS 脚步 在本课程中,我们将在css/style.css获取无效CSS并将其更改为有效。 点击“打开”按钮。 在浏览器中打开index.html。 注意我们的样式看起来不太正确吗? 在文本编
  3. 所属分类:其它

    • 发布日期:2021-02-19
    • 文件大小:7168
    • 提供者:weixin_42127369