HTML详解 注释 <!...左 */ /* padding: 10px 40px 80px; 含义: 上 左右 下 */ /* padding: 10px 80px; 含义: 上下 左右 */ 文字居中 行高...: 文字垂直居中:设置行高属性的值等于高度属性值 div 垂直居中 html> html lang="en"> /*加粗*/ font-weight:bold; /* 倾斜*/ font-style:italic /*文字修饰线*/ text-decoration: underline; /* 首行缩进*
教育和科研,是高文的事业, 也是他日日仍在行向的高处。...之前几天的美国之行,高文也是如此。...关键时刻,高老师总是能提出切实的、建设性的建议。” 带学生的时候,只要在北京,高文就会高频次去实验室工作,更会主动找学生聊一聊。...但从讨论开始自始至终一直在场的高文,明显确实是“现知现做”…… 良好的动手能力和学术天赋也让高文的日本导师折服。...“动脑子、下功夫” 日本的经历对高文来说,专业契合、环境适宜,读第二个博士学位后期,高文到日本一家有名的电信公司,做人工智能研究。
使用NSMutableAttributedString 设置之后,你会发现多行文本的省略号...没有了,为了解决此问题,解决方案如下:
行高属性 语法: line-height:数字px; 代表的一行的高度,放在段落中,可以理解为是行距 总结: 1.文字在行高中是垂直居中的 2.行高通常用于让文字在盒子中垂直居中
html> 接下来一行一行的详解: html> 它是HTML声明,声明必须放在HTML文件的第一行。 有时候有人会用大写字母做这个声明,不要觉得高大上或者觉得是不是不一样,作用是一模一样的。...--注意它是有结束标签的,与开始标签不同在于前面多加了"/"--> 常用HTML标签: h1标题标签 h1标签会变大加粗,后面的数字1-6从大到小;它是块元素,一个h标签会在浏览器中独占一行...段落标签 p标签,它也是块元素,会独占一行。...往期: HTML基础 HTML基础(二) HTML表单
DOCTYPE> 声明必须是 HTML 文档的第一行,位于 html> 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 <!...块级元素与行内元素的区别: 所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。如果单独在网页中插入这两个元素,不会对页面产生任何的影响。 这两个元素是专门为定义CSS样式而生的。...img标签 高(宽高两个属性只用一个会自动等比缩放)"> a...表格类数据是指最适合组织为表格格式(即按行和列组织)的数据。
HTML基本结构如下 html> 详解 01 html> 它是HTML声明,声明必须放在HTML文件的第一行。 它不是一个HTML标签,它的存在作用于告诉浏览器你是用哪个HTML版本写的。...常用的HTML标签 标题标签 h1标题标签 后面的数字1-6从大到小; 它是块元素,一个h标签会在浏览器中独占一行。...段落标签 段落标签 p标签,它也是块元素,会独占一行。 另外还有:表格标签、a链接标签、div标签等等。后面慢慢写。
行元素:整行排列,不能改变大小(宽度和高度),宽度默认文字宽度,当行元素排列过多时( 超过浏览器的宽度时自动强制换行 )。 块元素:一个块元素独占一行,宽度默认浏览器的宽度,可以改变宽度和高度。...行内块元素:属于行元素,但又有块元素的属性,横行排列但又可以设置宽度和高度。...定义地址 定义表格标题 定义列表中定义条目 定义文档中的分区或节 定义列表 定义列表中的项目 定义一个框架集 创建 HTML...frameset 元素内部 定义在脚本未被执行时的替代内容 定义有序列表 定义无序列表 标签定义段落 定义预格式化的文本 标签定义 HTML...原文地址《HTML的行元素和块元素》
DOCTYPE html> html> body,div,dl,dt,dd,ul,ol,li,h1...; padding-right: 10px; padding-top: 10px; } /*(110-20-10)/2=行高...葬,即埋葬,爱,即爱情,翻译成外语就bury love html>
HTML 行盒元素、行块盒及可替换元素特点 一、常见行盒元素 常见的行盒元素有 span、strong、em、i、img、video、audio、a。...这些行盒元素的特点如下: 盒子填充与宽度:盒子沿着内容方向填充,宽度由内容决定。 宽高设置:行盒元素不可以直接设置宽高,只能设置行高。...调整行盒的宽高需使用字体大小、行高、行间距、字体类型等属性间接设置。 内边距:水平方向有效,垂直方向无效且只能影响背景,不会实际占空间。...二、行块盒 定义为 display: inline-block; 的盒子。 特点包括: 显示方式:不独占一行。 盒子模型尺寸:盒子模型尺寸都有效,可以设置宽高、行高以及内外边距。...行盒特性:绝大部分可替换元素均为行盒。 盒子模型:可替换元素类似于行块盒,盒子模型中所有尺寸都有效,包括宽高。
应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em。em是相对长度单位。...实际上,就是首行缩进了2em。 行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。... —————————————————————————————————————– 用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。 其实呢,用CSS样式来定义更为高效。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/167651.html原文链接:https://javaforall.cn
HTML详解连载(3) 下面进行专栏介绍 本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记 进行适当修改。...reset 重置按钮,点击后将表单控件恢复到默认值 button 普通按钮,默认没有功能,一般配合JavaScript使用 无语义的布局标签 作用 布局网页(划分网页区域,摆放内容) div:独占一行...span:不换行 示例 div标签,独占一行 span标签,不换行 字符实体 作用 在网页中显示预留字符 表格 显示结果 描述 实体名称 空格  
HTML详解连载(4) 下面进行专栏介绍 本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记 进行适当修改。.../style> 注意 属性名和属性值成对出现->键值对 CSS引入方式 内部样式表:学习使用 CSS代码写在style标签里面 外部演示表:开发使用 CSS代码写在单独的CSS文件中(.css) 在HTML
border-radius 属性值 数字+px/百分比(取值最大为50%) 注意 属性值是圆角半径 多值 从坐上叫顺时针赋值,没有对应的角与对角值相同 常见应用-正圆形状 给正方形盒子设置圆角属性值为宽高的一半...轴偏移量 模糊半径 扩展半径 颜色 内外阴影 注意: X轴偏移量和Y轴偏移量必须书写 默认是外阴影,内阴影需要添加inset 标准流 也叫文档流,指的是标签在页面中默认的排布规则 举例 块元素独占一行,...行内元素可以一行显示多个 浮动 作用 让块元素水平排列 属性名:float 属性值 关键字 含义 left 左对齐 right 右对齐 特点 顶对齐,具备行内块显示模式特点 浮动的盒子会脱标
HTML超链接也是各个网站网页之间实现相互连接的一个手段之一,被广泛应用在各大网站。...URL 可以指向 HTML 文件、文本文件、图像、文本文档、视频和音频文件以及可以在网络上保存的任何其他内容。...HTML超链接大致分为以下7类: 1、简单链接 知乎:itsOli HTML超链接是HTML技术中非常重要的一个知识点,几乎所有的网站多多少少都有上述的几种超链接存在,也是互联网的特性之一。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/154349.html原文链接:https://javaforall.cn
HTML详解连载(2) 下面进行专栏介绍 本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记 进行适当修改。...必须属性) 音频URL 支持格式:MP3、Ogg、Wav controls 显示音频控制面板 loop 循环播放 autoplay 自动播放 为提升用户体验,浏览器一般会禁用自动播放功能 强调 在HTML5...标签 table嵌套tr,tr嵌套td/th 标签名及说明 标签名 说明 table 表格 tr 行 th 表头单元格 td 内容单元格 注意事项: 在网页中,表格默认没有边框线,使用border属性可以为表格添加边框线
HTML详解连载(8) 下面进行专栏介绍 本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记 进行适当修改。...垂直方向,从下到上 弹性伸缩比 作用 控制弹性盒子的主轴方向的尺寸 属性名 flex 属性值 整数数字,表示占用父级剩余尺寸的份数 弹性盒子换行 弹性盒子可以自动挤压或拉伸,默认情况下,所有弹性盒子都在一行显示...属性名 flex-wrap 属性值 属性 效果 wrap 黄行 nowrap 不换行(默认) 行对齐方式 属性名 align-content 属性值 属性 效果 flex-start 默认值,弹性盒子从起点开始依次排列...空白间距均匀分布在弹性盒子之间 space-around 弹性盒子沿主轴均匀排列,空白间距均匀分布在弹性盒子两侧 space-evenly 弹性盒子沿主轴均匀排列,弹性盒子与容器之间间距相等 注意 行对其方式堆单行弹性盒子不生效
HTML详解连载(6) 下面进行专栏介绍 本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记 进行适当修改。...规则 选择器优先级高的样式生效 公式 通配符选择器<标签选择器<类选择器<id选择器<行内样式<!...important权重最高 2、继承权重最低 Emmet写法分析 代码的简写方式,输入缩写 VScode会自动生成对应的代码 HTML CSS:大多数简写方式为属性单词的首字母 背景图 网页中...,背景图平铺方式,背景图位置/背景图缩放,背景图固定(空 格隔开,不区分顺序) 显示模式 标签(元素)的显示方式 作用 布局网页的时候,根据标签的显示模式选择合适的标签摆放内容 块级元素 位置 独占一行...宽度默认是父级的1000% 添加宽高属性生效 行内元素 位置 一行共存多个 尺寸 尺寸由内容撑开 加宽高不生效 行内块元素 位置 一行共存多个 尺寸 设置宽高属性生效 默认尺寸由内容撑开 转换显示模式
HTML详解连载(5) 下面进行专栏介绍 本专栏是自己学前端的征程,纯手敲的代码,自己跟着黑马课程学习的,并加入一些自己的理解,对代码和笔记 进行适当修改。...开始喽 行高:设置多行文本的间距 属性名 line-height 属性值 数字+px 数字(当前标签font-size属性值的倍数) 行高的测量方法 从一行文字的最顶端(最底端)量到下一行文字的最顶端...(最底端) 行高-垂直居中 技巧 行高属性值等于盒子高度属性值 字体族 属性名 font-family 属性值 字体名 示例 font-family:楷体; 扩展 font-family属性值可以写多个字体名...属性最后设置一个字体族名,网页开发建议使用无衬线字体 font 复合属性 使用场景 设置网页文字公共样式 复合属性 属性的简写方式,一个属性对应多个值的写法,各个属性值之间用空格隔开 font:是否倾斜 是否加粗 字号/行高
领取专属 10元无门槛券
手把手带您无忧上云