hp200105-CSDN博客

原创学习前端的第八天

1.ul、ol元素：margin-top: 16px(1em)，margin-bottom: 16px ， padding-left: 40px(2.5em)lower-alpha：小写英文字母The marker is lower-alpha (a, b, c, d, e, 等)upper-alpha：大写英文字母The marker is upper-alpha (A, B, C, D, E, 等)lower-roman：小写罗马数字(i, ii, iii, iv, v, 等)

2022-09-02 20:51:49 204 1

原创学习前端的第七天

而伪元素用双冒号::表示。一个选择器可以同时使用多个伪类(但有的伪类会互斥)；而一个选择器只能同时使用一个伪元素(未来的版本可能会支持多伪元素)。比如：文档语言没有一种机制可以描述元素内容的第一个字母或第一行，但伪元素可以做到(::first-letter、::first-line)。伪元素可以创建一些文档语言无法创建的虚拟元素。可以同时使用多个伪类，而只能同时使用一个伪元素.同时，伪元素还可以创建源文档不存在的内容，伪元素本质上是创建了一个有内容的虚拟容器；必须设置content属性才能生效。

2022-09-01 21:01:01 26

原创学习前端的第六天

提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。4）visited状态：鼠标已经访问过的状态（鼠标点击后并松开的状态）3）active状态：鼠标激活状态（鼠标点击后并没有松开的状态）a:active 必须被置于 a:hover 之后，才是有效的。1）link状态：鼠标没有访问过的状态。2）hover状态：鼠标x'f的状态。当前鼠标对标签的状态。...

2022-08-31 20:34:43 56

原创学习前端的第五天

由上可见，因为我们这里写的是属性选择器，只要p标签中有一个含id，那么就会被选择到一样的道理我们可以看见这里我们设置的是[id=two]，有且只有id属性且属性值为two的才可以被选择到同样我们可以看到我们这里设置的是[id^=t]，这个表示的意思是元素中有id属性，并且id值是由t开头才可以被选择到...

2022-08-30 20:13:41 96

原创学习前端的第四天

一个元素的父元素也是他的祖先元素。- 一个元素的子元素也是他的后代元素。- 直接或间接被祖先元素包含的元素。- 直接或间接包含后代元素的元素。作用：通过指定祖先元素找到指定后代元素。- 直接被父元素包含的元素。作用：通过指定父元素找到指定子元素。语法：祖先元素后代元素{}- 拥有相同父元素的元素。-直接包含子元素的元素。作用：选择下一个兄弟元素。语法：父元素>子元素{}4.所以一个兄弟选择器。注兄后面的前面的不要。...

2022-08-29 21:52:07 81

原创学习前端的第三天

元素选择器、id选择器、类选择器（class）、通配选择器、并集选择器、交集选择器。class属性值和id属性值相似，只不过class属性值可以重复，但不能以数字开头。作用：使用元素的id值选中唯一的元素。作用：使用选择器分组可以同时选中多个选择器对应的元素。作用：使用交集选择器可以选中同时满足多个选择器的元素。作用：使用元素选择器能够选择页面中的所有指定元素。作用：使用元素的class属性值选中一组元素。作用：使用通配选择器可以选中页面中的所有元素。语法：选择器1,选择器2{}语法：选择器1选择器2{}.

2022-08-26 20:03:46 116

原创学习前端的第二天

表格由标签来定义。每个表格都有若干行（由标签定义），每行被分为若干单元格（由标签定义）。td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容，如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等，这些元素，统称“控件”。表单使用表单标签来设置。...

2022-08-25 22:14:06 61

原创学习前端的第一天

今天是我第一天学习前端,在老师的指导下我了解了一点网页结构和常用标签以下是我的一些成果。「1. 排版标签」**主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。不仅如此，它还能从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。「HTML」(Hyper Text Markup Language):超文本标记语言。div和span标签:是没有语义的,是我们网页布局最主要的2个盒子。段落标签p,可以把 HTML 文档分割为若干段落。s和del 文字以加删除线显示。

2022-08-24 22:08:41 156

hp200105的博客