- 博客(7)
- 收藏
- 关注
原创 CSS(4)
浮动一、传统网页布局的三种方式1. 标准流标签按照规定好默认方式排列2. 浮动div {float: none; /*不浮动*/float: left; /*向左浮动*/float: right; /*向右浮动*/}浮动特性浮动元素会脱离标准流浮动的盒子不再保留原先的位置浮动的元素会一行内显示并且元素顶部对齐浮动的元素会具有行内块元素的特性如果块级盒子没有设置宽度,默认宽度和父级一样宽,但是添加浮动后,它的大小根据内容来决定。浮动的盒子中间没有缝隙行内元素同
2021-01-30 16:01:23
142
原创 CSS(3)
一、盒模型1. 组成1.1 边框borderborder: 1px solid red; 属性描述border-width边框粗细border-style边框样式border-color边框颜色border-collapse边框合并1.2 内边距padding边框与内容之间的距离1.3 外边距margin盒子和盒子之间的距离1.3.1 典型应用块级元素水平居中margin: 0 auto;条件盒子必须指定了宽度(wid
2021-01-29 21:02:37
77
原创 CSS(2)
一、CSS字体属性1. 字体系列为文字指定特殊的字体,浏览器只会使用浏览器可以访问到的字体<style>p {font-family: Arial,"Microsoft Yahei", "微软雅黑";}</style>1.1 注意事项各种字体之间必须使用英文状态下的逗号隔开一般情况下,如果有空格隔开的多个单词组成的字体,加引号尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示1.2 字体栈一次性指定多个字体,一般将最后一个设置为通用字体
2021-01-29 16:59:53
64
原创 CSS(1)
一、CSS简介1. 定义cascading style sheet:层叠样式表CSS不能脱离HTML而单独存在2. 语法规范 <style> h4 { color: blue; font-size: 100px; } </style>2.1 基本规则CSS 规则由两个主要的部分构成:选择器以及一条或多条声明。选择器是用于指定 CSS 样式的 HTML 标签,花括号内是对该对象设置的具体样式。2.2 属性设置属性名和属性值以键值对形式出现,之间
2021-01-28 20:35:53
57
原创 HTML标签(下)
一、表格标签1. 表格的主要作用显示、展示数据。2. 表格的相关标签<table><!--定义表格--> <tr><!--定义表格中的行,必须嵌套在 <table> </table>标签中--> <th></th><!--常用于表格第一行, 文字会加粗居中显示--> <td></td><!--定义表格中的单元格,必须嵌套在<tr></t
2021-01-28 16:10:00
178
原创 HTML标签(上)
语法规范基本语法概述HTML 标签是由尖括号包围的关键词。双标签:HTML 标签通常是成对出现的,标签对中的第一个标签是开始标签,第二个标签是结束标签。单标签:有些特殊的标签必须是单个标签。标签关系包含关系<head> <title></title></head>并列关系<head></head><body></body>HTML常用标签标题标签-举例:<
2021-01-14 09:58:24
157
原创 HTML基础知识
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-01-13 09:16:59
688
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人