css3+html5一些少见属性

2017-11-28  本文已影响43人  虚蕪面孔

设置第二个弹性盒:div:nth-of-type(2)
flex-basis 属性用于设置或检索弹性盒伸缩基准值 : flex-basis: 20%;
让第二个元素收缩到其他元素的三分之一:flex-shrink: 3;
让第二个元素的宽度为其他元素的三倍:flex-grow: 3;
让弹性盒元素在必要的时候拆行:flex-wrap: wrap;
font-size-adjust属性,让您更好的控制字体大小,当第一个选择的字体不可用时:font-size-adjust: 0.58;
设置为h1元素的字母间距:h1 {letter-spacing:2px}
在一个声明中指定所有列表属性:ul{list-style:square url("sqpurple.gif");}
设置弹性盒对象元素的顺序:div#myRedDIV {order:2;}div#myBlueDIV {order:4;}div#myGreenDIV {order:3;}div#myPinkDIV {order:1;}
设置元素周围的轮廓:p {outline:#00FF00 dotted thick;}
设置在表格元素之后始终进行分页的分页行为:table {page-break-after:always}
设置嵌套引用的引号类型:q:lang(en){quotes: "�" "�" "'" "'";}
缩进段落的第一行50像素:p{text-indent:50px;}
改变字与字之间的间距使得每行对齐:text-align:justify;text-justify:inter-word;
转换不同元素中的文本:capitalize 文本中的每个单词以大写字母开头。lowercase定义无大写字母,仅有小写字母。uppercase 定义仅有大写字母
重写文本:unicode-bidi:bidi-override;
vertical-align属性设置一个元素的垂直对齐。
word-spacing属性增加或减少字与字之间的空白。

被标记的缩写词如下:<abbr> 标签用来表示一个缩写词或者首字母缩略词 当鼠标悬停会出来title属性也可以
<acronym> 标签定义首字母缩略词。
<address> 标签定义文档作者/所有者的联系信息。一般放在footer标签里
<article> 标签定义独立的内容。比如文章论坛·帖子
<aside> 的内容可用作文章的侧栏。<aside> 标签定义 <article> 标签外的内容。
规定页面上所有链接的默认 URL 和默认目标:
<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。
在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。
<head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>
bdi 指的是 bidi 隔离(Bi-directional Isolation)。
<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。 <li>用户 <bdi>hrefs</bdi>: 60 分</li>
bdo 指的是 bidi 覆盖(Bi-Directional Override)。<bdo> 标签用来覆盖默认的文本方向。
<bdo> 标签用来覆盖默认的文本方向。
<blockquote> 标签定义摘自另一个源的块引用。
使用 <cite> 标签来定义作品的标题:<p><cite>The Scream</cite> by </p>
<em> 呈现为被强调的文本。<strong> 定义重要的文本。<dfn> 定义一个定义项目。<code>定义计算机代码文本。<samp>定义样本文本。<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。<var>定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<datalist> 标签规定了 <input> 元素可能的选项列表。
<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。
<dd> 标签被用来对一个描述列表中的项目/名字进行描述
一段带有已删除部分和新插入部分的文本:<p>My favorite color is <del>blue</del> <ins>red</ins>!s 标签也可以起删除作用</p> 属性 [datetime] 删除时间 [cite]删除说明
<details> 标签用来供用户开启关闭的交互式控件。任何形式的内容都能被放在 <details> 标签里边。可以做一些文章点击显示更多
<dialog> 标签定义一个对话框、确认框或窗口
<embed> 标签定义了一个容器,用来嵌入外部应用或者互动程序(插件)。<embed src="helloworld.swf" tppabs="http://www.runoob.com//try/demo_source/helloworld.swf">有width height src 等属性
<fieldset> 标签可以将表单内的相关元素分组。<fieldset> 标签会在相关表单元素周围绘制边框。
<figcaption> 标签为[<figure>]元素定义标题。<figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。
<header> 标签定义文档或者文档的一部分区域的页眉。
<hgroup> 标签被用来对标题元素进行分组。当标题有多个层级(副标题)时,<hgroup> 元素被用来对一系列元素进行分组。
<i> 定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。
<i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。
<iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
smap 属性将图像定义为服务器端图像映射(图像映射指的是带有可点击区域的图像)。
当点击一个服务器端图像映射时,点击坐标会以 URL 查询字符串的形式发送到服务器 只有当在标签内有用
autocomplete 属性规定输入字段是否应该启用自动完成功能。
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。比如:磁盘使用情况,查询结果的相关性等。 不能进度条
<optgroup> 标签经常用于把相关的选项组合在一起。如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。
<output> 标签作为计算结果输出显示(比如执行脚本的输出)。
<param>设置参数 "autoplay" 为 "true",音频载入后会自动播放:
<html>manifest 属性规定文档的缓存 manifest 的位置。
标记"下载进度":<progress value="22" max="100"></progress>
<q> 标签定义一个短的引用。
<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
<s> 标签对那些不正确、不准确或者没有用的文本进行标识。
<section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。
<small> 标签定义小型文本(和旁注)
标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方,但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式,比如 H2O。[]标签定义上标文本
<track> 标签为媒体元素(比如 <audio> and <video>)规定外部文本轨道。
这个元素用于规定字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的。
<u> 标签定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。

上一篇下一篇

猜你喜欢

热点阅读