09 2021 档案
摘要：1、 确定宽高 2、 是否需要浮动 3、 调整位置 4、 调整细节： 字号大小 字体颜色 垂直对齐方式 水平对齐方式 背景颜色 去掉下划线 等等
阅读全文
摘要：导航栏里li里有a 的，要给a定义宽高，而不是li，因为整个都是链接 但是a是行内元素，所以要给a转成行内块或者块元素
阅读全文
摘要：a 的字体颜色必须在a里面修改，不能在父元素上修改
阅读全文
摘要：简单地添加一个网格元素并不会有任何明显的效果。 你还需要明确网格的结构。 在一个网格容器中使用 grid-template-columns 属性可以添加一些列，示例如下： .container { display: grid; grid-template-columns: 50px 50px; }
阅读全文
摘要：flex-basis 属性的单位与其他表示尺寸的属性的单位一致（px、em、% 等）。 如果值为 auto，则项目的尺寸随内容调整。
阅读全文
摘要：flex-shrink 属性。 使用之后，如果 flex 容器太小，则子元素会自动缩小。 当容器的宽度小于里面所有子元素的宽度之和时，所有子元素都会自动压缩。 子元素的 flex-shrink 接受数值作为属性值。 数值越大，则该元素与其他元素相比会被压缩得更厉害。 比如，一个项目的 flex-sh
阅读全文
摘要：flex 子元素有时不能充满整个 flex 容器， 所以我们经常需要告诉 CSS 以什么方式排列 flex 子元素，以及调整它们的间距。 幸运的是，我们可以通过 justify-content 属性的不同值来实现。 在介绍属性的可选值之前，我们要先理解一些重要术语。 这张图片的元素横着排列，很好地描
阅读全文
摘要：除了使用 em 或 px 设置文本大小，你还可以用视窗单位来做响应式排版。 视窗单位和百分比都是相对单位，但它们是基于不同的参照物。 视窗单位是相对于设备的视窗尺寸（宽度或高度），百分比是相对于父级元素的大小。 四个不同的视窗单位分别是： vw：如 10vw 的意思是视窗宽度的 10%。 vh： 如
阅读全文
摘要：HTML 的 tabindex 属性有三种与标签焦点相关的功能。 当它在一个元素上时，表示该元素可以获得焦点。 tabindex 的值（可以是零、负整数或正整数）定义了行为。 当用户使用键盘浏览页面时，诸如链接、表单控件等元素可以自动获得焦点。 它们获得焦点的顺序与它们出现在 HTML 文档流中的顺
阅读全文
摘要：通过给元素添加 accesskey 属性来让用户可以在链接之间快速导航通过 HTML 提供 accesskey 属性，用于指定激活元素或者使元素获得焦点的快捷键。 添加 accesskey 属性可以让使用键盘的用户更高效率地导航。 HTML5 允许在任何标签上使用这个属性。 该属性尤其适用于链接、按
阅读全文
摘要：HTML5 还引入了 time 标签与 datetime 属性来标准化时间。 time 元素是一个行内元素，用于在一个页面上显示日期或时间。 datetime 属性包含的有效格式。 辅助设备可以获取这个值。 这个属性也有助于避免混乱，因为它规定了时间的标准化版本，甚至可以在文本中以非正式的方式或学术
阅读全文
摘要：接下来的表单主题是关于单选按钮的可访问性。 在上一个挑战中，每个单选按钮都有一个包含 for 属性的 label 标签，这些属性值指向相关选项的 id。 然而单选按钮通常成组出现，而且用户必须选择其中一项。 fieldset 标签包裹整组单选按钮，实现这个功能。 它经常使用 legend 标签来提供
阅读全文
摘要：label 标签的文本内容通常会是表单组件的名称或标签 。 这些文本表明了组件的意义，也提升了表单的可访问性。 label 标签的 for 属性将标签与表单组件绑定；同时，屏幕阅读器也会读取 for 属性的属性值。 在 HTML 基础章节中，我们已经学习使用了单选按钮标签。 在那个挑战中，为了让标签
阅读全文
摘要：animation-fill-mode 属性规定当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。
阅读全文
摘要：placeholder = “文字” value就不用写了
阅读全文
摘要：background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);
阅读全文
摘要：CSS 里的 text-transform 属性可以改变英文字母的大小写。 使用这个属性时，我们无需改变 HTML 元素中的文本也可以统一页面里英文的显示。 下面的表格展示了 text-transform 的不同值对文字 “Transform me” 的影响： 值结果 lowercase "tran
阅读全文
摘要：box-shadow 属性用来给元素添加阴影，该属性值是由逗号分隔的一个或多个阴影列表。 box-shadow 属性的阴影依次由下面这些值描述： offset-x 阴影的水平偏移量； offset-y 阴影的垂直偏移量； blur-radius 模糊半径； spread-radius 阴影扩展半径；
阅读全文
摘要：text-align: justify; 可以让除最后一行之外的文字两端对齐，即每行的左右两端都紧贴行的边缘。
阅读全文
摘要：使用变量来作为 CSS 属性值的时候，可以设置一个备用值来防止由于某些原因导致变量不生效的情况。 注意： 备用值不是用于增强浏览器的兼容性，它也不适用于 IE 浏览器。 相反，它是用来让浏览器在找不到你的变量时可以显示一种颜色。 下面是操作方式： background: var(--penguin-
阅读全文
摘要：为创建一个 CSS 变量，你只需要在变量名前添加两个连字符号，并为其赋值即可，例子如下： --penguin-skin: gray; 这样就会创建一个 --penguin-skin 变量，它的值为 gray。 现在，其他元素可通过该变量来使元素变成灰色。
阅读全文
摘要：E[attr=value] a[href="http://www.w3school.com.cn/"][title="W3School"] {color: red;} 这会把以下标记中的第一个超链接的文本变为红色，但是第二个或第三个链接不受影响： <a href="http://www.w3scho
阅读全文
摘要：当你设计表单时，你可以指定某些字段为必填项（required），只有当用户填写了该字段后，才可以提交表单。 如果你想把文本输入框设置为必填项，在 input 元素中加上 required 属性就可以了，例如：<input type="text" required>
阅读全文
摘要：console.log()可以取代alert()或document.write()，在网页脚本中使用console.log()时，会在浏览器控制台打印出信息。 console.dir()可以显示一个对象所有的属性和方法。
阅读全文
摘要：<html><head><title>一个使用到for...in循环的Javascript示例</title></head><body><script type="text/javascript">// 创建一个对象 myObject 以及三个属性 sitename, siteurl, siteco
阅读全文
摘要：createElement() 方法通过指定名称创建一个元素
阅读全文
摘要：查看对象的信息 实例 var info = { site:"http://www.runoob.com", name:"菜鸟教程" }; console.dir(info);
阅读全文
摘要：onblur 事件会在对象失去焦点时发生。 Onblur 经常用于Javascript验证代码，一般用于表单输入框。
阅读全文
摘要：onclick是绑定事件 (告诉浏览器在鼠标点击的时候要做什么)click是触发事件 (模拟了鼠标点击操作)
阅读全文
摘要：event.stopPropagation() 方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。
阅读全文
摘要：hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。 方法触发 mouseenter 和 mouseleave 事件。 注意: 如果只指定一个函数，则 mouseenter 和 mouseleave 都执行它。
阅读全文
摘要：setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 se
阅读全文
摘要：我的元素是后来动态添加到页面的，而我又想给该元素绑定事件，怎么处理？ 为了说明白这一问题，我们假设需要给后来添加到当前页面的元素添加click事件。 解决这一问题的核心就是利用js的委托事件。委派事件的优势就是可以给未存在的元素绑定事件 $.each(hotData, function(index,
阅读全文
浙公网安备 33010602011771号