前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML图像标记和CSS入门(一)

HTML图像标记和CSS入门(一)

作者头像
默默的成长
发布2022-10-29 16:16:42
2K0
发布2022-10-29 16:16:42
举报
文章被收录于专栏:前端记录笔记前端记录笔记

HTML图像标记

1.图像标记 1.1 <img src="图像URL“/> src指定图像文件的路径和文件名,它是img标记的必需品。 1.2 文本属性 alt :在图像无法显示时告诉用户该图片的内容。 1.3 图像的宽高属性 width,height 两者不能同时使用 1.4 图像的边框的属性 border :可以为图像添加边框,设置边框的宽度,但边框颜色的调整仅仅通过HTML属性时不能通过的。 1.5 图像的边距属性 vspace 和hspace 1.6图像的对齐方式用align表示 2.相对路径和绝对路径 1.绝对路径 绝对路径一般是指带有盘符的路径

代码语言:javascript
复制
 <img src="D:\html\chapter02\img\laopo.jpg"

2.绝对路径 2. 1 图像文件和html 文件位于同一文件夹:只需输入图像文件的名称即可 2.2 图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用”/“隔开 2.3图像文件位于html 文件的上一级文件夹:在文件名之前加入”../“,如果时上两级, 则需要使用 ”../../“

CSS 核心基础

1.CSS样式规则 1.1选择器严格区分大小写,属性和值不区分大小写 1.2 多个属性之间必须采用英文状态下的分号隔开 1.3 CSS代码中空格时不被解析的 1.4选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

引入CSS样式表: 行内式:<标记名 style=“属性1:属性值1;属性2:属性值2;属性3:属性值3;”>内容</标记名>

内嵌式:

代码语言:javascript
复制
`<head>`
`<stype type="text/css"></head>`

选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

链入式:

代码语言:javascript
复制
<head>
<link href ="CSS文件的路径" type="text/css" rel="stylesheet"/>
</head>

2.CSS基础选择器 2.1 标记选择器:标记名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

2.2 类选择器“.”后面紧跟类名 .类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

2.3 id选择器用“#”进行标识,后面紧跟id名 #id名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

2.4 通配符选择器用“#”号表示 *{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-10-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • HTML图像标记
    • CSS 核心基础
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档