当前位置: 首页 > news >正文

html学习2(css、图像)

1、层叠样式表css是为了更好的渲染html元素而引入的。

2、css添加到html的方式,最好的方式是通过外部引用CSS文件

  • 内联样式- 在HTML元素中使用"style" 属性,当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。
  • 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS,当单个文件需要特别样式时,就可以使用内部样式表。
  • 外部引用 - 使用外部 CSS 文件,当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

3、我们可以使用font-family(字体),color(颜色),和font-size(字体大小)属性来定义字体的样式,使用 text-align(文字对齐)属性指定文本的水平与垂直对齐方式。

4、修改父级标签,子级标签特性也会改变。但某些标签确无法通过修改父级标签来改变子级标签特性,如a标签,修改其颜色特性,必须直接修改 a 标签的特性才可。

5、html中的图像

  • <img>定义,为空标签,只包含属性,没有闭合标签。
  • src属性用于说明图片的链接,alt属性用于图片不显示时的替代文本。
  • height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。
  • 图像链接的创建可把<img>标签放到<a>标签的内容部分。
  • <map>定义图像地图
  • <area> 元素始终嵌套在 <map> 标签内部,定义图像地图中的可点击区域。

http://www.lryc.cn/news/98273.html

相关文章:

  • 微服务探索之路06篇k8s配置文件Yaml部署Redis使用Helm部署MongoDB和kafka
  • Microsoft todo 数据导出
  • SSIS对SQL Server向Mysql数据转发表数据 (二)
  • 【Vue3】reactive 直接赋值会导致 Vue 无法正确地监听到属性的变化,从而无法触发视图更新
  • 服务器出现丢包的原因103.88.35.x
  • pytest study
  • 0基础学习VR全景平台篇 第73篇:VR直播-如何自定义邀请二维码(直播邀请)
  • idea常用技巧/idea常见问题
  • 数据结构---并查集
  • iOS transform rotate总结
  • 关于axios请求java接口中的@RequestParam、@PathVariable及@RequestBody不同接参类型的用法
  • 两个点云的重叠部分查找(附open3d python 代码)
  • PDF文件转换成word软件有哪些?分享两个文件格式转换软件
  • redis数据库
  • SpringMVC-mybatis,SQL语句中误用了desc关键字,导致报错。
  • adb笔记
  • RocketMQ教程-(5)-功能特性-顺序消息
  • Oracle TNS侦听器远程中毒(CVE-2012-1675)
  • Springboot+Netty
  • window.location.href is not a function
  • STM32+FPGA的导常振动信号采集存储系统
  • Eclipse memory analyzer 分析GC dump日志定位代码问题
  • DSA之图(3):图的遍历
  • 从零开始学习 Java:简单易懂的入门指南之for循环(四)
  • Android 之 http/https原理和机制
  • mybatis源码研究、搭建mybatis源码运行的环境
  • 【算法基础:搜索与图论】3.5 求最小生成树算法(PrimKruskal)
  • 扩展Ceph集群实现高可用
  • 代码随想录 DAY45
  • Centos报错:[Errno 12] Cannot allocate memory