发表于: 2018-07-26 00:47:46
2 572
今天完成的事情:
今天学会了盒子模型,已经把9个盒子模型通过float浮动方式,右浮动在网页显示出来。了解了float浮动的属性img和alt。
明天计划的事情:
1.明天以float浮动的方式布局,使其组合为九宫格
2.学习并且熟悉《chrome开发者工具——chrome开发者工具》,尽可能的让九宫格大小可以随屏幕宽度改变
遇到的问题:
对main这个标签还不是很能理解!后来咨询师兄能理解,main只是一个标签,没有其他意义,规定了内容!
收获:
通过今天的学习,我知道了CSS怎么写盒子代码,通过内部样式修改盒子背景颜色,更改长宽!还学会了float浮动中标签img
img:标签有两个必需的属性:src 属性 和 alt 属性。
img 标签的src属性是图像文件的URL(引用该图像的文件的的绝对路径或相对路径)
src属性的值URL:绝对 URL - 指向其他站点(比如src="http://www.example.com/")
相对 URL - 指向站点内的文件(比如 src="/i/image.gif")
img 标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,
代替图像显示在浏览器中的内容。
alt属性的值text:如果图像包含信息 - 使用 alt 描述图像
如果图像在 a 元素中 - 使用 alt 描述目标链接
如果图像仅供装饰 - 使用 alt=""
评论