HTML/CSS

Posted 2022-10-30 prideassassin

<a name="top">一个锚点</a>
<!--中间省略N多代码.........-->
<!--中间省略N多代码.........-->
<!--中间省略N多代码.........-->
<a href="#top">点击跳转到锚点</a>

html锚点使用

锚点：利用<a>标签的name属性定义一个锚点，然后在另一个地方使用<a>标签的href属性来跳转到任意锚点位置。跳转锚点时候的href的属性值前面加上#符号，当<a>标签的href属性为空的时候默认跳转页面顶部。

前端数据提交到后台：<form>标签的method属性：提交方式。action属性：指定后台接受数据的地址。<form>里面的子标签和用来设置要需要提交到后台的数据，<form>里面最常用的子标签就是<input>。<input>标签的type属性：指定这个标签类型，name属性：指定数据名称（变量名），value属性：指定数据值。（后台根据提交方法，来获取不同name里面的值）。

伪类选择器：就是在普通选择器后面加：符号，当这个触发某个操作后，会执行对应的CSS代码。可以理解为一种监听，用来监听对应标签，当触发时间后执行伪类选择器的代码。

a:hover
  /*当鼠标移动到a标签上面是，a标签变为蓝色*/  
  color:blue;  

类型选择器

 伪元素选择器:在选中的标签在内容上进行进一步的选择，表示方式就是在标签选择器后面加上：：符号。比如选择<p>标签段落开头或段落结尾或第一行。

p::first-line
    /*选择p标签的第一行*/
  color：blue；  

伪元素选择器

CSS中有许多选择器，标签选择器，类选择器，id选择器，*号选择器（选中所有标签）。还有一些关系选择器：相邻选择器（选择与这个标签相邻的），逗号选择器（同时选中多个标签），后代选择器（选择这个标签的全部子标签），子选择器（选择这个标签的指定某一类子标签）。自定义选择器（属性选择器）：给一个标签自定义一个属性并给这个属性随便赋一个值，然后利用这个属性选择这个标签。

<p xxx="hehe">这是段落标签1</p>
<p>这是一个段落标签2</p>

p[xxx="hehe"]
    /*xxx是自定义的属性，具体写法是不是这样我忘记了，反正有这个用法*/
    color:blue;

自定义选择器