码迷,mamicode.com
首页 > Web开发 > 详细

HTML/CSS

时间:2019-09-14 16:05:43      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:type属性   元素选择器   另一个   ref   方法   close   color   code   action   

技术图片
<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;
}
自定义选择器

 

HTML/CSS

标签:type属性   元素选择器   另一个   ref   方法   close   color   code   action   

原文地址:https://www.cnblogs.com/PrideAssassin/p/11519031.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!