- 博客(18)
- 收藏
- 关注
RSS订阅原创 将单选按钮包裹在 fieldset 元素中以获得更好的可访问性
将单选按钮包裹在 fieldset 元素中以获得更好的可访问性使用fieldset标签将单选按钮组包含在里面就可以实现这个目的，通常还会使用legend标签来为单选按钮组提供文字说明。屏幕阅读器也可以朗读这些文字。当选项的含义很明确时，如：性别选择，fieldset标签与legend标签就可以省略。这时，使用含有for属性的label标签就足够了。例如：<form> <fieldset> <legend>Choose one of these thre
2020-07-25 20:12:17
360
原创 HTML+CSS3无限的动画计数制作 CSS 心跳
用animation-iteration-count属性创造持续动画的例子，它基于前面关卡创建的心形。心跳动画的每一秒包含两个部分。heart元素（包括:before和:after）使用transform属性改变其大小，背景div使用background属性改变其颜色。<style> .back { position: fixed; padding: 0; margin: 0; top: 0; left: 0; width: 100%;
2020-07-24 23:22:24
352
原创 鼠标悬停，按钮高光css的写法，修改动画的填充模式
鼠标悬停，按钮高光css的写法可以通过把animation-fill-mode设置成forwards来实现。animation-fill-mode指定了在动画结束时元素的样式。你可以向这样设置它：animation-fill-mode: forwards;设置button:hover的animation-fill-mode，使按钮悬停时保持高亮。style> button { border-radius: 5px; color: white; background-
2020-07-24 21:58:05
1130
原创 JS中的“&&”与“&”和“||”“|”有什么区别？
JS中的“&&”与“&”和“||”“|”有什么区别？运算表达的不同只要 “||” 前面为false，不管 “||” 后面是true 还是 false ，都返回 “||” 后面的值。只要 “||” 前面为true，不管 “||” 后面是true 还是false ，都返回 “||” 前面的值。JavaScript中的位运算符：“|”运算方法：两个位只要有一个为1，那么结果都为1。否则就为0。使用方式的不同只要“&&”前面是false，无论“&&
2020-07-18 17:18:27
754
原创 Transform scale 属性
使用 CSS Transform scale 属性CSS 属性transform里面的scale()函数，可以用来改变元素的显示比例。下面的例子把页面的段落元素放大了 2 倍：p { transform:scale(2);}transform属性有很多函数，可以对元素进行调整大小、移动、旋转、翻转等操作。当使用伪类描述元素的指定状态如:hover时，transform属性可以方便的给元素添加交互。下面是当用户悬停段落元素时，段落大小缩放到原始大小 1.1 倍的例子：<sty
2020-07-07 12:58:04
19328
原创 修改文本属性
降低元素的 opactiyCSS 里的opacity属性用来设置元素的透明度。值 1 代表完全不透明。值 0.5 代表半透明。值 0 代表完全透明。透明度会应用到元素内的所有内容，不论是图片，还是文本，或是背景色。使用 text-transform 属性给文本添加大写效果CSS 里面的text-transform属性来改变英文中字母的大小写。它通常用来统一页面里英文的显示，且无需直接改变 HTML 元素中的文本。下面的表格展示了text-transform的不同值对文字 “Transform
2020-06-21 23:57:28
545
原创 给元素添加 box-shadow
给元素添加 box-shadowbox-shadow属性用来给元素添加阴影，该属性值是由逗号分隔的一个或多个阴影列表。box-shadow属性的每个阴影依次由下面这些值描述：offset-x阴影的水平偏移量；offset-y阴影的垂直偏移量;blur-radius模糊距离；spread-radius阴影尺寸；颜色。其中blur-raduis和spread-raduis是可选的。下面是创建了多个阴影的 CSS 例子，阴影加了模糊效果，颜色是透明度很高的黑色:box-shadow: 0 10p
2020-06-21 23:33:41
743
原创 使用属性选择器来设置元素的样式
使用属性选择器来设置元素的样式通过设置元素的id和class，来显示你想要的样式，而它们也被分别叫做 ID 选择器和 Class 选择器。另外，也还有其他的 CSS 选择器，可以让我们给特定的元素设置样式。你会使用[attr=value]属性选择器修改复选框的样式。这个选择器使用特定的属性值来匹配和设置元素样式。[type='radio'] { margin: 20px 0px 20px 0px;}...
2020-06-21 17:55:56
940
原创 调整元素的内边距
调整元素的内边距你可能已经注意到了，所有的 HTML 元素基本都是以矩形为基础。每个 HTML 元素周围的矩形空间由三个重要的属性来控制：padding（内边距），margin（外边距）和border（边框）。padding控制着元素内容与border之间的空隙大小。<style> .injected-text { margin-bottom: -25px; text-align: center; } .box { border-style: sol
2020-06-20 16:38:07
857
原创 使用 id 属性来设定元素的样式
使用 id 属性来设定元素的样式通过 id 属性，你可以做一些很酷的事情，例如，就像 class 一样，你可以使用 CSS 来设置他们的样式，可是， id 不可以重用，只应用于一个元素上。同时，在CSS里，id 的优先级要高于 class ，如果一个元素同时应用了 class 和 id，并设置样式有冲突，会优先应用 id 的样式。选择id为cat-photo-element的元素，并设置它的背景样式为green，可以在你的style标签里这样写：#cat-photo-element { backg
2020-06-20 16:27:00
2753
原创 设置元素的 id
设置元素的 id除了class属性，每一个 HTML 元素也都有id属性。使用id有几个好处：你可以通过id选择器来改变单个元素的样式，稍后的课程中，你也会了解到在 JavaScript 里面，可以通过id来选择元素和操作元素。id属性应是唯一的。浏览器不强迫执行这规范，但是这是广泛认可的最佳实践。所以，请不要给多个元素设置相同的id属性。设置h2元素的 id 为cat-photo-app的方法如下：<h2 id="cat-photo-app">...
2020-06-20 16:20:32
446
原创 给 div 元素添加背景色
给 div 元素添加背景色background-color属性可以设置元素的背景颜色。例如，你想将一个元素的背景颜色改为green，可以在你的style里面这样写：.green-background { background-color: green;}
2020-06-20 16:19:22
2069
原创 CSS边框
CSS边框CSS 边框具有style，color和width属性。如何加边框假如，我们想要创建一个 5px 的红色实线边框包围一个 HTML 元素，我们可以这样做：<style> .thin-red-border { border-color: red; border-width: 5px; border-style: solid; }</style>border-radiu 添加圆角边框border-radius可以用px像素单
2020-06-20 16:07:41
141
原创 Seaborn回归模型
Seaborn回归模型回归模型回归模型是一种预测性的建模技术，它研究的是因变量（目标）和自变量（预测器）之间的关系。这种技术通常用于预测分析，时间序列模型以及发现变量之间的因果关系。例如，司机的鲁莽驾驶习惯与道路交通事故数量之间的关系最好的研究方法就是回归。回归分析回归模型重要的基础或者方法就是回归分析，回归分析是研究一个变量（被解释变量）关于另一个（些）变量（解释变量）的具体依赖关系的计算方法和理论， 是建模和分析数据的重要工具。可以使用曲线/线来拟合相关数据点，在这种方式下，从曲线
2020-06-18 22:39:58
820
原创 Python如何显示中文！
Python 数据分析1.E:\Anaconda3\lib\site-packages\scipy\stats\stats.py:1713: FutureWarning: Using a non-tuple sequence for multidimensional indexing is deprecated; usearr[tuple(seq)]instead ofarr[seq]. In the future this will be interpreted as an array index,ar
2020-06-18 10:02:58
3502
原创 更改文本的颜色
CSS 基础：更改文本的颜色现在让我们来修改一下文本的颜色。我们通过修改h2元素的style属性的color值来改变文本颜色。以下是改变h2元素为蓝色的方法：<h2 style="color: blue;">CatPhotoApp</h2>CatPhotoApp...
2020-06-16 08:37:52
498
原创 定义 HTML 文档的标题和正文
元素嵌套div元素，也叫division（层）元素，是一个盛装其他元素的通用容器。它也是 HTML 中出现频率最高的元素。和其他普通元素一样，你可以用来标记一个div元素的开始，用来标记一个div元素的结束。...
2020-06-15 22:51:37
2720
原创 给单选按钮和复选框添加默认选中项
给单选按钮和复选框添加默认选中项通过添加checked属性，你可以设置某个单选按钮或多选按钮被默认选中。为此，只需给input元素添加 “checked” 属性。 例如:
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人