摘要:一超链接二选择器的全称叫做级联样式表的缩写。布局图片简写的形式比分开写的性能更高,能简写尽量简写。下一篇和入门系列二文字表单表格浮动定位框架布局参考教学视频和小时入门经典视频教程
一、超链接 二、CSS选择器
CSS的全称叫做: Cascading Style Sheets 级联样式表的缩写。
2.1 类型选择器 2.2 派生选择器 2.3 伪类选择器 2.4 类选择器 2.5 link标签是一个空标签,因此只需要写属性即可
2.6 三、CSS颜色 四、CSS盒模式块级标签: Block-level Tags
内联标签:Inline-level Tags
块标签之间的距离:
4.2 盒模式如果都一样:margin: 6px
计算盒子的尺寸:
总结:
五、DIV布局 5.2 内容居中text-align: center
或
固定宽度:width: 500px; margin: 30px auto 0 auto
六、图片 图片是如何加载的: 6.1 内容图片在Google浏览器中需要为图片定义高度和宽带才能在图片没有加载成功的时候显示alt描述文字。
6.2 布局图片简写的形式比分开写的性能更高,能简写尽量简写。
6.3 用户交互图片a标签是内联标签,不能设置宽和高。
height: 28px; display:inline-block; 内联块标签:可以让该标签拥有内联标签同时可以拥有独立的宽和高。
line-height: 28px; 设置行高和图片高度一致,是让图片和文字垂直居中的一个小技巧。
下一篇:HTML和CSS 入门系列(二):文字、表单、表格、浮动、定位、框架布局、SEO参考教学视频:HTML和CSS 6小时入门经典视频教程
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/51780.html
摘要:一超链接二选择器的全称叫做级联样式表的缩写。布局图片简写的形式比分开写的性能更高,能简写尽量简写。下一篇和入门系列二文字表单表格浮动定位框架布局参考教学视频和小时入门经典视频教程 一、超链接 showImg(https://segmentfault.com/img/bV26nx?w=1441&h=572); showImg(https://segmentfault.com/img/bV...
摘要:多余的文字会被隐藏五定位透明度居中显示堆叠顺序可用于将在一个元素放置于另一元素之后。属性六框架布局垂直布局水平布局内联框架标签七搜索引擎优化下一篇和系列三变化元素新增标签多媒体新增表单全局属性参考教学视频和小时入门经典视频教程 上一篇:HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片 一、文字 1.1 属性 showImg(https://segment...
摘要:多余的文字会被隐藏五定位透明度居中显示堆叠顺序可用于将在一个元素放置于另一元素之后。属性六框架布局垂直布局水平布局内联框架标签七搜索引擎优化下一篇和系列三变化元素新增标签多媒体新增表单全局属性参考教学视频和小时入门经典视频教程 上一篇:HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片 一、文字 1.1 属性 showImg(https://segment...
阅读 2575·2023-04-25 22:09
阅读 2789·2021-10-14 09:47
阅读 1825·2021-10-11 11:10
阅读 2656·2021-10-09 09:44
阅读 3330·2021-09-22 14:57
阅读 2473·2019-08-30 15:56
阅读 1587·2019-08-30 15:55
阅读 752·2019-08-30 14:13