1.7、compact：CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
上篇文章主要介绍了CSS样式更改篇中的框模型、定位、浮动、溢出基础知识，这篇文章主要分享CSS样式更改中的裁剪、Z-Index、清除、改变元素的特性基础知识，一起来看看吧。
背景类属性 background-color 背景颜色 background-image 背景图片 background-repeat 背景重复 background-attachment background-position 背景定位 文本格式类属性 属性 描述 color 设置文本颜色 direction 设置文本方向。 letter-spacing 设置字符间距 line-height 设置行高 text-align 对齐元素中的文本 text-decoration 向文本添加
相信做过网页的对Css都不是很陌生，它可以帮助我们重铸网页中很多绚丽的特效，尤其是现在Css已经发展3.0版本，很多功能更是丰富多彩，让我们的开发时间不仅大大缩短，而且还可以轻松做出许多华丽的特效，需要注意的是，Css相当于Html的一个美化装置，所以它必须依赖于Html才能发挥作用，那么今天我们就来深入了解下它吧。
我们想要实现第二行的效果，所以用display: inline-block;给文字定义为行内元素块。只给第二行文字部分添加背景。
p元素默认是换行的，加上inline-block属性之后，变成了一行，并且可以设置宽高和边距。
display属性可以设置元素的内部和外部显示类型，元素的外部显示类型将决定该元素在流式布局中的表现，例如块级或内联元素，元素的内部显示类型可以控制其子元素的布局，例如grid或flex。目前所有浏览器都支持display属性，但是对于属性值的兼容性仍需注意。
display 属性规定元素应该生成的框的类型,用的最多的就是display:block;显示 display:none;隐藏。
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
1、Css display值与解释-（详细可见CSS手册的CSS display手册）参数： block :块对象的默认值。用该值为对象之后添加新行 none :隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间 inline :内联对象的默认值。用该值将从对象中删除行 compact :分配对象为块对象或基于内容之上的内联对象 marker :指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用 inline-table :将表格显示为无前后换行的内联对象或内联容器 list-item :将块对象指定为列表项目。并可以添加可选项目标志 run-in :分配对象为块对象或基于内容之上的内联对象 table :将对象作为块元素级的表格显示 table-caption :将对象作为表格标题显示 table-cell :将对象作为表格单元格显示 table-column :将对象作为表格列显示 table-column-group :将对象作为表格列组显示 table-header-group :将对象作为表格标题组显示 table-footer-group :将对象作为表格脚注组显示 table-row :将对象作为表格行显示 table-row-group :将对象作为表格行组显示
HTML是用来描述网页的一种语言 叫超文本标记语言 HTML不是一种编程语言，而是一种标记语言 一套标记标签
CSS 选择器： CSS id选择器： id选择器可以为标有特定 id的HTML元素指定特定的样式 id选择器是以 “#” 来定义的 <!DOCTYPE html> <html> <head> <title>Node</title> <style type="text/css"> #red {color: red;} #green {color: green;} </style> </head> <body> id选择器：red -- 红色 <p
id选择器：red -- 红色
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。 它们的区别就在于： 1.word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。 2.word-wrap:break-wo
如何实现上图所示效果：左右两列的列宽由列内最宽单元格的宽度决定，进度条列占据剩余空间。（兼容到IE8就好了）
老板说：他们都没什么经验，做不出来的你就做出来给他们看看，让他们知道你的能力有多强大，他们就服你了
HTML5和CSS3开发基础与应用，详细说明HTML5的新特性和新增加元素，CSS3的新特性，新增加的选择器，新的布局，盒子模型，文本，边框，渐变，变形，动画效果等。HTML5的介绍，常用的元素和属性，表单相关元素和属性，CSS3新添加的选择器，CSS3新的属性。
我身边一些非互联网技术从业的朋友，偶尔看我转发到朋友圈的文章，会表示出一定的兴趣。前段时间，有朋友问我公众号的问题，所以我来了灵感，准备写一个趣学前端系列，适用于零基础、新手前端或者想把编程当做兴趣培养的人。
本文主要在初学HTML时，对常用标签做一些记录。主要是标签的使用，以及效果展示。目的在于有个大概的认识：有什么标签？能做什么？
首先，我们需要清楚width默认值就是auto，所以不用去人为写代码控制其宽度自动哦。
其中 margin 称为外边距，在计算元素整体宽高的时候一般不包括它。CSS3 中新增了一个属性 box-sizing，可以用来指定使用的盒模型计算方式。下面是 CSS3 中支持的盒模型计算方式（CSS2种只支持默认的）
HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”。是用来描述网页的一种语言。
文件标签html、head、title、body。html5使用<!DOCTYPE html>表示html文档，meta的charset指定字符集。注释 文本标签h1--h6（标题标签），p（段落），br（普通回车解析为空字符），hr（水平线，color颜色，width宽度，size高度，alien对其方式[center left right]），b（加粗），i（斜体），font（字体，color颜色、size大小、face字体） 标签属性中，color颜色表示：可以用red等，建议#值1值2值3（红绿蓝）（取色器）。width表示：数值（px），百分号（占比，相对父元素）。center标签，居中。 特殊字符，对应的字符编码表。手册-->符号。 图片标签img 自闭合（src路径[相对路径即可]，alien[部分不支持]，alt加载失败显示，width宽，height高）。 列表标签：有序ol（order list，属性type更换样式，start起始位置）、li（每一项）。无序列表ul（unorder list，type），li（每一项）。 链接标签：a标签（属性href跳转URL[本地或网络]（mailto:xxx@qq.com选项启动本地邮件），target属性_self本页面打开_blank新建选项卡） 块标签：span（包裹作用，默认无效果，默认不换行一行），div标签，自动换行。 语义化标签：header，footer，用来提高程序可读性，结合css使用。（html5）。 表格：只有行的概念。table定义表格（border线宽，width宽度，cellpadding边沿内容间空白，cellspacing单元格间空白，bgcolor背景色，alien对齐），tr定义行（颜色，对其方式），td定义行内单元格（rowspan行合并，colspan列合并，以第一个行单元格写入），th定义表头单元格。 caption表格标题。thead，tbody，tfoot（类似语义化标签，有位置定义作用，非html5）。
布局 最开始老的一代网站开发，布局都是通过表格实现的。 这样可以形成规整的网格布局，但是也会带来一定的复杂性。比如想要新增某个页面元素，就有可能要改动整个表格，添加很多无用的行或者列。 后来，衍生出不少的CSS框架，他们屏蔽了底层的css语法，只需要按照特定的使用方式就能实现网格布局。这样对于开发者来说，好处自然是方便了；但是也带来了一定的麻烦，比如网格如果不符合用户的应用场景，需要自定义扩展，这就麻烦了；再比如作出的网站不易调试；网站需要引入额外的文件等等。总的来说，还是利大于弊吧，不然bootstra
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
属性的作用就是就为元素提供更多的信息，大多数元素都可以拥有属性 属性的语法：<标签 属性1=参数1> 注意空格的使用
word-break: break-all 是一个CSS属性，用于控制文本在容器中的换行方式。它的作用是强制在任意字符之间进行换行，即使这样可能会导致单词被分割。
上节课我们已经创建好了俩个项目作为demo，所以接下来就是我们要打造一个项目列表的前端页面
今天说一说bootstrap-table表格优化相关的，当表格里面的内容列数过多的，内容长度过长的时候，会出现自动换行的效果，整个表格的每一行高度就不相同了，看上去就不够美观。
概述 HTML 教程 | 菜鸟教程 (runoob.com) 骨架标签 HTML常用标签 HTML常用标签可分为一下几类： 排版标签、图片标签、超链接标签、表格标签、列表标签、表单标签 标题标签 标题标签一共有6个，h1~h6, h1是─级标题，最大;h6是六级标题，最小 align align是标题的重要属性，能够决定标题中文字的显示位置 标题标签一共有6个 align属性可以设置文本对齐方式 align有三个可选值：left、center、right<
注释 页面内容<body>展示的页面内容</body> 段落 标题<hx></hx> <body> 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 </body> 强调语气 加粗需要强调的文本 斜体需要强调的文
声明：本文为原创，作者为 对弈，转载时请保留本声明及附带文章链接：http://www.duiyi.xyz/htmlcss/
标签 描述 定义注释。 <!DOCTYPE> 定义文档类型。 定义锚。 定义缩写。 <acronym> 定义只取首字母的缩写。HTML5 中不支持。请使用 代替。 定义文档作者或拥有者的联系信息。 <applet> 定义嵌入的 applet。HTML5 中不支持。请使用 <embed> 和 <object> 代替。 定义图像映射内部的区域。 定义文章。
Bootstrap学习有两个重点，一个是概念的理解，理解bootstrap是如何通过div来代替过去的table布局的；一个是常用结构的熟悉，做到需要的组件及时能找到，组合一下就可以满足需求。学习后的
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了HTML的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE，火狐等）软件知道HTML语言的语法，可以用来查看HTML文档。目前为止互联网上的绝大多数网页都是使用HTML语言来编写的。
label标记可以连接其他元素（常用于与button，checkbox，radio等点击性标签使用）
<!DOCTYPE> 定义文档类型。 <html> 定义 HTML 文档。 <head> 定义关于文档的信息。 <title> 定义文档的标题。 <body> 定义文档的主体。 to 定义 HTML 标题。 定义段落。 定义简单的折行。 定义水平线。 定义注释。
定义段落。 定义简单的折行。
标签 描述 <!DOCTYPE> 定义文档类型。 <html> 定义 HTML 文档。 <head> 定义关于文档的信息。 <title> 定义文档的标题。 <body> 定义文档的主体。 to 定义 HTML 标题。 定义段落。 定义简单的折行。 定义水平线。 定义注释。 格式化 标签 描述 <acronym> 定义只取首字母的缩写。HTML5 中不支持。请使用 代替。 定义缩写。 定义
一 html html结构 !DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的开始标记和结束标记。此元素告诉浏览器其自身是
1：HTML纯干货学习后的达到的效果 （1）：会使用HTML的基本结构，创建网页 （2）：会使用文本字体相关标签，实现文字修饰和布局 （3）：会使用图像、超链接相关标签，实现图文并茂的页面 （4）：会
1：HTML纯干货学习后的达到的效果 （1）：会使用HTML的基本结构，创建网页 （2）：会使用文本字体相关标签，实现文字修饰和布局 （3）：会使用图像、超链接相关标签，实现图文并茂的页面 （4）：会使用表格相关标签，实现简单表格，跨行、跨列的复杂表格，并对表格进行美化修饰 （5）：会使用表单及表单元素标签，实现表单页面的制作 （6）：理解post和get两种提交方式的区别 2：HTML的基本结构 2.1：标题和其他说明信息。包括在 <HEAD>…</HEAD> 标签内，<
在做web开发时，我们必不可少的要使用到Html,因为它包含了最基础的网页结构，虽然Html只能帮助我们构建静态网页，但是却是我们最不能缺少的部分，如果把网页比作一个房子，那么Html就是地基，也就是第一件要做的事，可见它的重要性。那么，现在大家就跟随我的脚步去学习下吧。
HTML文档由4个主要标记组成，包括<html>、<head>、<title>、<body>.这4个标记构成了HTML页面最基本的元素。
jupyter notebook 中我们无须写 print 即可把最后的表达式内容自动显示：
html标签是由<>包围的关键词 html标签是成对出现的 有部分标签是没有结束标签的，叫单标签， 页面中所有的内容，都是要放在HTML标签中的
HTML <head> 查看在线实例 <title> - 定义了HTML文档的标题 使用 <title> 标签定义HTML文档的标题 <base> - 定义了所有链接的URL 使用 <base> 定义
•
这是 HelloGitHub 推出的《讲解开源项目》[1]系列，今天给大家推荐一个基于 Bootstrap 和 jQuery 的表格插件：Bootstrap-Table
type：disc默认 实心小圆圈；square 小方块；circle 空心小圆圈
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
