05 2021 档案

01-CSS层叠样式表导读
摘要：能够说出什么是CSS 能够使用CSS基础选择器 能够设置字体样式 能够设置文本样式 能够说出CSS的三种引入方式 能够使用Chrome调试工具调试样式 1、HTML主要做结构，显示元素内容 2、CSS美化HTML，布局网页 3、CSS最大价值：结构html 样式css相分离 选择器分为 基础选择器 阅读全文
posted @ 2021-05-28 12:08 Sai佐为 阅读(54) 评论(0) 推荐(0)
表单
摘要：1，为什么需要表单 2，表单的组成 使用表单目的是为了收集用户信息， HTML中，一个完整的表单由3部分组成， 表单域，表单控件（表单元素）（小框框，小按钮），提示信息（身高，学历，月薪等）。 表单域的作用和语法规范 表单域是包含表单元素的区域 HTML中，<form>标签用于定义表单域，以实现用户 阅读全文
posted @ 2021-05-27 12:33 Sai佐为 阅读(659) 评论(0) 推荐(0)
列表
摘要：列表用来布局的 列表分为三大类：无序列表（重点）， 有序列表，自定义列表 <ul> <li></li> </ul> 1,无序列表没有顺序级别之分，是并列的 2,<ul>只能嵌套<li> ， 不能直接输入文字或其他标签 3<li>是容器 可以容纳所有元素 可以放<p> 4无序列表带有自己的样式属性，会 阅读全文
posted @ 2021-05-27 11:11 Sai佐为 阅读(75) 评论(0) 推荐(0)
表格
摘要：<table> <thead>//整体头部 <tr><th>1</th><th>1</th><th>1</th></tr> </thead> <tbody>//整体身体 <tr><td>2</td><td>2</td><td>2</td></tr> </tbody> </table> 合并单元格三步 阅读全文
posted @ 2021-05-27 07:32 Sai佐为 阅读(30) 评论(0) 推荐(0)
16-特殊字符
摘要： 阅读全文
posted @ 2021-05-27 06:11 Sai佐为 阅读(53) 评论(0) 推荐(0)
24-链接标签
摘要：外部链接 <a href="http://www.baidu.com" target="_blank"></a> // target打开窗口的方式 默认的值是 _self 当前窗口打开页面 _blank 新窗口打开页面 内部链接，网站内部页面之间的互相链接，直接链接内部页面名称即可（同一个项目很多文 阅读全文
posted @ 2021-05-27 06:05 Sai佐为 阅读(52) 评论(0) 推荐(0)
HTML标签
摘要：标签的书写注意规范 写出HTML骨架标签 写出超链接标签 写出图片标签并说出alt和title的区别 说出相对路径的三种形式 HTML语法规范 HTML基本结构标签 开发工具 HTML常用标签 HTML中的注释和特殊字符 <!DOCTYPE html> //文档类型的声明标签 作用是告诉浏览器页面是 阅读全文
posted @ 2021-05-25 17:01 Sai佐为 阅读(72) 评论(0) 推荐(0)
05 web标准
摘要：为什么需要Web标准 遵循Web标准有什么优点 Web标准是由什么构成的 Web标准是由 W3C组织 和 其他标准化组织 制定的一系列标准的集合 W3C(万维网联盟)是国际最著名的标准化组织。 围绕web标准，我们学习一下两点： 1、为什么需要web标准 2、Web标准的构成 一、为什么需要Web标 阅读全文
posted @ 2021-05-25 09:23 Sai佐为 阅读(91) 评论(0) 推荐(0)
04常用浏览器以及内核
摘要：1、常用的浏览器 2、浏览器内核 Safari浏览器是苹果浏览器 浏览器内核 负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速、百度浏览器 firefox Gecko 火狐浏览器内核 Safari Webkit 苹果浏览 阅读全文
posted @ 2021-05-25 09:02 Sai佐为 阅读(77) 评论(0) 推荐(0)
03网页的相关概念
摘要：什么是网页？ 什么是HTML？ 网页的形成？ 什么是网页 网站是网页的一个集合 网页时网站的一个"页" 通常是HTML格式的文件，它是通过浏览器来阅读的 网页时构成网站的基本元素，网页：图片、文字、声音、视频、链接等元素构成，网页常见以.htm或.html后缀结尾的文件，俗称HTML文件 什么是HT 阅读全文
posted @ 2021-05-25 06:39 Sai佐为 阅读(161) 评论(0) 推荐(0)
4-29-5-20总结
摘要：恢复内容开始 添加图片<img src="" alt> 锚点跳转<a href="baidu.com"></a> / 内部跳转<a href="#footer">Jump to Bottom</a> <footer id="footer">Copyright Cat Photo App</foote 阅读全文
posted @ 2021-05-23 13:18 Sai佐为 阅读(36) 评论(0) 推荐(0)
第六课
摘要：background-image: url(); background-repeat: no-repeat; background-position: center; 背景图片位置 background-size: cover; 背景放大会完全占完位置，图片可能有缺失 background: url 阅读全文
posted @ 2021-05-20 17:24 Sai佐为 阅读(66) 评论(0) 推荐(0)
第四课
摘要：56：50 margin-top:50px 和 margin-bottom:100px 之间的距离会重叠，哪个长就按长的距离相隔 ，前第一个标签的底部margin 会跟第二个标签的顶部 margin重合 1:00:00嵌套的蓝色，设置了margin-top是想基于内部红色向下移。只要给个边框给红色， 阅读全文
posted @ 2021-05-18 16:53 Sai佐为 阅读(77) 评论(0) 推荐(0)
2.2语法
摘要：变量名的规范 数据类型的强弱类型 数组[混合，变量，数组] 关联数组 不应该修改array对象的属性 对象 bealtes[0].name var bealtes ={}; beatles.vocalist = lennon; bealtes.vocalist.name 操作 函数 对象 2.1准备 阅读全文
posted @ 2021-05-17 06:55 Sai佐为 阅读(95) 评论(0) 推荐(0)
前端苹果官网html+css
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale= 阅读全文
posted @ 2021-05-12 08:57 Sai佐为 阅读(840) 评论(0) 推荐(0)
层级 CSS 变量、更改特定区域的变量、使用媒体查询更改变量
摘要：你创建的变量，不但可以在你声明变量的元素里面使用，同时也可以在该元素的子元素里面使用。这种效应称为cascading（层叠）。 因为层叠的效果，CSS 变量通常会定义在:root元素里。 就像html是body的容器一样，你也可以认为:root元素是你整个 HTML 文档的容器。 在:root创建的 阅读全文
posted @ 2021-05-04 05:48 Sai佐为 阅读(156) 评论(0) 推荐(0)
创建一个自定义的 CSS 变量、使用一个自定义的 CSS 变量、给 CSS 变量附加回退值
摘要：在penguinclass 里面，创建一个--penguin-skin变量，且赋值为gray（灰色）。 创建变量后，CSS 属性可以通过引用变量名来使用它的值。 background: var(--penguin-skin); 因为引用了--penguin-skin变量的值，使用了这个样式的元素背景 阅读全文
posted @ 2021-05-04 04:56 Sai佐为 阅读(172) 评论(0) 推荐(0)
样式中的优先级、Class 选择器的优先级高于继承样式、ID 选择器优先级高于 Class 选择器、内联样式的优先级高于 ID 选择器、Important 的优先级最高
摘要：有时候，你的 HTML 元素的样式会跟其他样式发生冲突。 就像，你的h1元素也不能同时设置green和pink两种样式。 让我们尝试创建一个字体颜色为pink的 class，并应于用其中一个元素中。猜一猜，它会覆盖body元素设置的color: green;CSS 属性吗？ 在含有pink-text 阅读全文
posted @ 2021-05-01 11:01 Sai佐为 阅读(470) 评论(0) 推荐(0)
使用属性选择器来设置元素的样式 、理解绝对单位与相对单位
摘要：ID 选择器和 Class 选择器 和其他CSS 选择器，可以让我们给特定的元素设置样式。 你会使用[attr=value]属性选择器修改复选框的样式。这个选择器使用特定的属性值来匹配和设置元素样式。 [type='radio'] { margin: 20px 0px 20px 0px;} in和m 阅读全文
posted @ 2021-05-01 10:43 Sai佐为 阅读(168) 评论(0) 推荐(0)
调整元素的内边距、外边距 、使用顺时针方向指定元素的内边距
摘要：你可能已经注意到了，所有的 HTML 元素基本都是以矩形为基础。 每个 HTML 元素周围的矩形空间由三个重要的属性来控制：padding（内边距），margin（外边距）和border（边框）。 padding控制着元素内容与border之间的空隙大小。 margin（外边距）控制元素的边框与其他 阅读全文
posted @ 2021-05-01 10:11 Sai佐为 阅读(431) 评论(0) 推荐(0)
给 div 元素添加背景色、设置元素的 id 、 使用 id 属性来设定元素的样式
摘要：background-color属性可以设置元素的背景颜色。 例如，你想将一个元素的背景颜色改为green，可以在你的style里面这样写： .green-background { background-color: green;} 除了class属性，每一个 HTML 元素也都有id属性。 使用i 阅读全文
posted @ 2021-05-01 09:34 Sai佐为 阅读(1348) 评论(0) 推荐(0)
调整图片的大小、在元素周围添加边框、添加圆角边框
摘要：CSS 的width属性可以控制元素的宽度。图片的width宽度类似于字体的px（像素)值。 假如，你想创建一个叫larger-image的 CSS class 来控制 HTML 元素的宽度为 500px，我们可以这样做： <style> .larger-image { width: 500px; 阅读全文
posted @ 2021-05-01 07:36 Sai佐为 阅读(266) 评论(0) 推荐(0)
更改元素的字体大小、引入谷歌字体、 字体如何降级
摘要：字体大小由font-size属性控制，如下所示： h1 { font-size: 30px;} 引入Google字体，你需要复制Google字体的 URL，并粘贴到你的 HTML 里面。在这个挑战中，我们需要引入Lobster字体。因此，请复制以下代码段，并粘贴到代码编辑器顶部，即放到style标签 阅读全文
posted @ 2021-05-01 07:08 Sai佐为 阅读(239) 评论(0) 推荐(0)