资讯专栏INFORMATION COLUMN

HTML和CSS 入门系列(二):文字、表单、表格、浮动、定位、框架布局、SEO

binta / 3282人阅读

摘要:多余的文字会被隐藏五定位透明度居中显示堆叠顺序可用于将在一个元素放置于另一元素之后。属性六框架布局垂直布局水平布局内联框架标签七搜索引擎优化下一篇和系列三变化元素新增标签多媒体新增表单全局属性参考教学视频和小时入门经典视频教程

上一篇:HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片 一、文字 1.1 属性

1.2 字体样式:font-family

1.3 字体大小:font-size

1.4 字体粗细:font-weight

1.5 字体风格:font-style

1.6 行高:line-height

二、表单

点击文字自动关联:

三、表格

四、浮动 4.1 清除浮动



    
    


    

清除浮动

d-float:现在 .d-float标签的高度是120px,但是有时候,我们不想明确指定浮动元素的高度,想让它们的内容决定它们的高度。
d-float
d-float
overflow: hidden; 多余的文字会被隐藏
五、定位

透明度:a: 0 ~ 1

background-color: rgba(138, 32, 10, 0.75);

div居中显示:

margin: 0 auto

堆叠顺序:

z-index 可用于将在一个元素放置于另一元素之后。

CSS z-index 属性

六、HTML框架布局

6.1 垂直布局

6.2 水平布局

6.3 内联框架:iframe标签

七、搜索引擎优化

下一篇:HTML5和CSS3系列(三):变化元素、新增标签、多媒体、新增表单、全局属性

参考教学视频:HTML和CSS 6小时入门经典视频教程

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51805.html

相关文章

  • HTMLCSS 入门系列):文字表单表格浮动定位框架布局SEO

    摘要:多余的文字会被隐藏五定位透明度居中显示堆叠顺序可用于将在一个元素放置于另一元素之后。属性六框架布局垂直布局水平布局内联框架标签七搜索引擎优化下一篇和系列三变化元素新增标签多媒体新增表单全局属性参考教学视频和小时入门经典视频教程 上一篇:HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片 一、文字 1.1 属性 showImg(https://segment...

    yanwei 评论0 收藏0
  • HTMLCSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片

    摘要:一超链接二选择器的全称叫做级联样式表的缩写。布局图片简写的形式比分开写的性能更高,能简写尽量简写。下一篇和入门系列二文字表单表格浮动定位框架布局参考教学视频和小时入门经典视频教程 一、超链接 showImg(https://segmentfault.com/img/bV26nx?w=1441&h=572); showImg(https://segmentfault.com/img/bV...

    GitCafe 评论0 收藏0
  • HTMLCSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片

    摘要:一超链接二选择器的全称叫做级联样式表的缩写。布局图片简写的形式比分开写的性能更高,能简写尽量简写。下一篇和入门系列二文字表单表格浮动定位框架布局参考教学视频和小时入门经典视频教程 一、超链接 showImg(https://segmentfault.com/img/bV26nx?w=1441&h=572); showImg(https://segmentfault.com/img/bV...

    woshicixide 评论0 收藏0
  • 一个后端开发者的前端语言基础:HTML5 & CSS

    摘要:每个标签可有一个独立的号。该标签是一个内联元素,与块级元素相反,内联元素不会自动在前后自动放置换行符,因此内联元素会默认在同一行显示。前端语言基础:HTML5 & CSS (一) HTML5:超文本标记语言 (1) 基本概念是由一系列成对出现的元素标签(标记)嵌套组合而成 ( XML也是标签构成的 )这些标签以<标签名称>的形式出现,用于标记文本内容的含义浏览器通过元素标...

    superPershing 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<