标题标签<h1>~<h6> 1最大,6最小
段落 
<p></p>
换行 <br/>
水平线 <hr/>
粗体<strong></strong>
斜体<em></em>
插入图像<img src="相对路径\绝对路径" alt="" width="" height="">  //(../)返回上级路径
超链接
几个页面之间的跳转<a href="跳转后页面的路径(相对/绝对路径)" target="_self(当前窗口)|_blank(新窗口)">热点文本/图像</a>
锚链接
跳转到同一个页面的固定位置
<a href="#me">点这里</a>
<a name="me">跳转到这里来</a>
跳转到不同页面的固定位置
1.html
<a href="路径#me">点击我</a>
2.html
<a name="me">跳转到我这里来</a>
功能连接
<a href="mailto:邮箱地址">给站长写信</a>
特殊字符与注释
<!--注释内容--> 规范意识 *****
<video controls(控制播放)autoplay(自动播放)loop(循环播放)><video>
<video src="路径" controls="controls" type="video/mp4"></video>
<audio src="路径" controls="controls" type="audio/mp3"></audio>
标签选择器
应用于所有符合该标签的内容
p{}

类选择器
需要应用在标签后面  可重复使用
<div class="p">
.p{}

ID选择器
应用在标签后面 每个ID选择器只能应用一次
#p{}

选择器优先级  ID > 类 > 标签

复合选择器

空格  后代选择器

逗号 并集选择器   多个选择器同样的样式

不加任何符号  直接复合 交集选择器  取条件同时满足的元素设置效果

css外部样式表

<link href="路径/文件名" type="text/css" rel="stylesheet">

行内样式表
<div style="color:blue;">测试内容</div>

行内样式表>内部样式表>外部样式表

链接式与导入式的区别:
链接式:先加载样式再加载文本  用户体验度高
导入式相反
导入式(不推荐使用)
@import url("路径");

HTML常用标签 选择器相关推荐

  1. CSS常用选择器(通配符选择器,标签选择器,类选择器,id选择器.....),你知道多少?

    CSS常用选择器 CSS选择器的作用是从HTML页面中找出特定的某类元素,而常用的CSS选择器有如下几类,一起来看看吧! 一.通配符选择器 通配符选择器常用 '*' 号表示,它是所有选择器里作用范围最 ...

  2. HTML5基础之常用标签以及标签选择器

    在html中,标签非常多,比如说列表,按钮,图片,文字等等,每一种标签都有自己的使用方法以及相关的约束条件.具体的标签可以直接到w3c的网站上查看,这里就简单了解一下html5的标签. 一.HTML5 ...

  3. Day03_css选择器、css样式大全、引入css样式表、常用标签属性、形变和动画

    03.01_css选择器-属性选择器 针对中写明了某些属性的标签进行设置 选择器[属性名]{属性名称1:值1:属性名称2:值2:....}选择器[属性名="属性值"]{属性名称1: ...

  4. 基础html交代选择器,html/css基础(html常用标签与css选择器)-2019年1月14号22时45分

    实例 序号名称价格数量用途 1暖手宝301被窝太冷2笔记本电脑50001学习php3别墅2000万1结婚用 运行实例 » 点击 "运行实例" 按钮查看在线实例 五:表单 (1)表单 ...

  5. 30个最常用css选择器解析

    你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领 ...

  6. CSS简介及常用标签及属性

    一.概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 存在方式有三种:元素内联.页面嵌入和外部引入,比较三种方式的优缺点. 语法:style ...

  7. HTML 常用标签演示

    HTML 常用标签演示 本页演示的所有标签均为浏览器默认效果. [基础] <div> 定义文档中的节(块元素,无任何属性) <span> 定义文档中的节(内联元素,无任何属性) ...

  8. HTML常用标签+CSS基础

    目录 一.HTML常用标签 1.1文件标签 1.2.文本标签 1.3.图片标签 1.4.列表标签 1.5超链接标签 1.6表格标签 1.7表单标签 二.CSS 2.1css语法 2.2选择器 一.HT ...

  9. css 30 常用选择选择器

    你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领 ...

最新文章

  1. redis mysql 集群_mysql_redis
  2. Mysql INSERT、REPLACE、UPDATE的区别
  3. 16DOM之事件基础
  4. python及pip中常用命令,经常总结
  5. 【PAT乙级】 1018 锤子剪刀布 (20 分)
  6. 【LeetCode】414.第三大的数
  7. 直播 | DSTC 8“基于Schema的对话状态追踪”竞赛冠军方案解读
  8. engagement center里如何获得Access Token
  9. ionic tab显示到顶部去了
  10. tensorflow2 tensorboard可视化使用
  11. 工作113:声明问题 的定义变量
  12. [Python學習筆記] 在Centos上安裝 Django
  13. 不肯去幼儿园的小盆友
  14. WinForm 的dataGridView全选,反选
  15. layui 时间选择器 laydate 设置了默认值时 无法清空
  16. 《HRNet-OCR:Object-Contextual Representations for Semantic Segmentation》论文笔记
  17. Could not load requested class
  18. SVN更新报the working copy needs to be upgraded解决办法
  19. 谷歌浏览器无法安装扩展程序 – chrome无法添加crx插件的解决方法
  20. MBA书籍推荐:打造商业思维,看这一本书就够了

热门文章

  1. Java并发编程 - 共享模型之管程
  2. 区块链技术之共识机制
  3. 【愚公系列】2022年04月 微信小程序-项目篇(公交查询)-01周边站点
  4. 香港汇丰银行个人开户怎么办理?
  5. nginx 安装,配置
  6. 个子矮s弯如何看点打方向图解_s弯如何看点打方向盘
  7. 《解读基金我的投资观与实践》读后感
  8. Pascal's Travels 动规小练
  9. POJ 3422 Kaka's Matrix Travels | 费用流
  10. chatbot聊天机器人技术路线汇总