html5新增了哪些标签?css3新增了哪些属性
展开全部 html5新增的标签:article、aside、audio、bdi、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video,参考:HTML 5 参考手册css3新增属性:所有动画属性animation、背景的origin和size、边框圆角相关、Box 属性、透明度等等,参考:CSS 参考手册...
css3新增的属性有哪些
- css3 css3被划分为模块,最重要的几个模块包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面选择器框模型背景和边框 border-radius、box-shadow、border-image、 background-size:规定背景图片的尺寸 background-origin:规定背景图片的定位区域 background-clip:规定背景的绘制区域文本效果(常用) text-shadow:设置文字阴影 word-wrap:强制换行 word-break css3提出@font-face规则,规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range2/3D转换 transform:向元素应用2/3D转换 transition:过渡动画@keyframes规则: animation、animation-name、animation-duration等用户界面(常用) box-sizing、resize css3新增伪类 :nth-child() :nth-last-child() :only-child :last-child :nth-of-type() :only-of-type() :empty :target 这个伪类允许我们选择基于URL的元素,如果这个元素有一个识别器(比如跟着一个#),那么:target会对使用这个ID识别器的元素增加样式。
:enabled :disabled :checked :not
css内容换行的几个属性详解
展开全部 1、word-wrap:break-word;内容将在边界内换行,仅用于块对象,内联对象要用的话,必须要设定height、width或display:block或position:absolute。
2、word-break:break-all;用于处理单词折断。
(注意与第一个属性的对比)3、white-space:nowrap;用于处理元素内的空白,只在一行内显示。
4、overflow:hidden;超出边界的部分隐藏。
5、text-overflow:ellipsis;超出部分显示省略号。
...
在火狐浏览器中不支持word
div标签还行,如果表格就不太清楚了。
我说下div中的方法关于文字换行这块,主要是处理IE与火狐,一般就这两个差别大。
使用word-wrap:break-word,会使文字自动换行,包括超长字符串(中间无空格),这个不会使单词截断,但有时火狐与IE用这个属性的时候是有差别的。
如果换行还是推荐使用这个。
如果需要强制换行,就用word-break:break-all。
这个会强制将字符换行,包括单词,在换行的时候也会强制截断。
以上只是使用div标签时建议使用,span标签不支持。
但说是用表格不知道是否是table标签,如果可以的话建议使用div排版,莫用table标签。
至于楼主说的火狐不支持这两个属性是不对的,只不过有些标签不支持,并不是浏览器不支持。
word
1、word-wrap:break-word;内容将在边界内换行,仅用于块对象,内联对象要用的话,必须要设定height、width或display:block或position:absolute。
2、word-break:break-all;用于处理单词折断。
(注意与第一个属性的对比),会把整个单词拆掉3、white-space:nowrap;用于处理元素内的空白,只在一行内显示。
4、text-overflow:ellipsis;超出部分显示省略号。
5、overflow:hidden;超出边界的部分隐藏。
div 有什么属性
Div的一些基本属性left 相对于窗口左边的位置 top 相对于窗口上边的位置 width DIV tag 的宽度。
所有在 DIV 里的文字或html都在里面。
height DIV tag 的高度。
这个性质很少用除非你想 Clip 层次。
color(字体颜色):色彩代码;font-size(字体大小):数值;line-height(行高):数值;border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;font-weight(字体粗细):normal、bold、bolder、lighter;font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆clip 给出 layer 的 clipping(可看的见的)部分。
Clip 可使得 DIV 显示为一个可以定义的很准确的方块。
你可以用以下的四个值来给出这个方块的在 DIV 位置和大小。
clip:rect(top,right,bottom,left); visibility 隐蔽或展现DIV 根据它的值“visible”,“hidden”,“inherit”。
z-index DIV tag 的立体位置。
值越大 DIV 的位置越高。
background-color DIV 背景的颜色。
layer-background-color Netscape 的 DIV 背景颜色。
background-image DIV 的背景图象。
layer-background-image Netscape 的 DIV 的背景图象filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);direction(文字方向):ltr(默认,从左向右)、rtl(从右向左);padding-left:层中的内容距离层左边框的距离;padding-right:层中的内容距离层左边框的距离;padding-top:层中的内容距离层顶部边框的距离;padding-bottom:层中的内容距离层底部边框的距离。
如何使用css3来强制文字转行
展开全部 {white-space:normal}当定义的宽度之后自动换行 分析如下: html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 css #wrap{white-space:normal; width:200px; } 1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行 #wrap{word-break:break-all; width:200px;}或者#wrap{word-wrap:break-word; width:200px;} 2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条 #wrap{word-break:break-all; width:200px; overflow:auto;} 扩展资料: 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
编程工具 记事本:使用Windows系统自带的记事本可以编辑网页。
只需要在保存文档时,以.html为后缀名进行保存即可。
Dreamweaver:它与Flash、Fireworks并称网页三剑客。
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别开发的视觉化网页开发工具,利用它可以轻而易举地制作出充满动感的网页。
工作原理 CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。
CSS样式可以直接存储于HTML网页或者单独的样式单文件。
无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。
外部使用时,样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素,如文本段落或链接的格式化指令。
样式规则由一个或多个样式属性及其值组成。
内部样式单直接放在网页中,外部样式单保存在独立的文档中,网页通过一个特殊标签链接外部样式单。
名称CSS中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。
具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。
样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。
参考资料来源:百度百科:CSS (层叠样式表)
火狐浏览器下,CSS如何控制强制换行
展开全部 我们在写页面代码的时候,有时把一个表格的宽度定死后会出现里面的文字不见了,特别是英文。
这就是他换行了所导致的,这时我们就需要加些CSS元素让它来听我们的话!根据自己以往的经验,也参考了些网上的文章,具体如下:强制不换行div{white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal; }强制英文单词断行div{word-break:break-all;}============================================CSS设置不转行:overflow:hidden 隐藏white-space:normal 默认 pre 换行和其他空白字符都将受到保护nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象设置强行换行word-break: normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行break-all : 该行为与亚洲语言的normal相同。
也允许非亚洲语言文本行的任意字内断开。
该值适合包含一些非亚洲文本的亚洲文本keep-all : 与所有非亚洲语言的normal相同。
对于中文,韩文,日文,不允许字断开。
适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法============================================看了以上的介绍,赶快试一下,看看效果吧!英文不换行CSS里加上 word-break: break-all; 问题解决。
这个问题只有IE才有,在FF下测试,FF可以自己加滚动条,这样也不影响效果建议大家做Skin时,记得在body里加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题以下引用word-break的说明, 注意word-break 是IE5+专有属性语法:word-break : normal | break-all | keep-all参数:normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行break-all : 该行为与亚洲语言的normal相同。
也允许非亚洲语言文本行的任意字内断开。
该值适合包含一些非亚洲文本的亚洲文本keep-all : 与所有非亚洲语言的normal相同。
对于中文,韩文,日文,不允许字断开。
适合包含少量亚洲文本的非亚洲文本说明:设置或检索对象内文本的字内换行行为。
尤其在出现多种语言时。
对于中文,应该使用break-all 。
对应的脚本特性为wordBreak。
请参阅我编写的其他书目。
示例:div {word-break : break-all; }觉得怎么样??????????????
内容超出div宽度后自动换行的css代码
展开全部 使用一段css代码:”word-wrap: break-word;word-break: break-all;overflow: hidden;“。
实例演示如下: 1、设计两个容器,放入一些文字,代码如下: 此时的页面展示如下:(均为换行) 2、修改两个容器的样式,给第一个容器加上了关键代码如下: 此时的页面展示(第一个已经换行): 扩展资料: css详解: 一、word-wrap: normal|break-word(word-wrap 属性允许长单词或 URL 地址换行到下一行)。
1、normal ,只在允许的断字点换行(浏览器保持默认处理,默认值)。
2、break-word, 在长单词或 URL 地址内部进行换行。
二、word-break: normal|break-all|keep-all(通过使用 word-break 属性,可以让浏览器实现在任意位置的换行)。
1、normal 使用浏览器默认的换行规则。
(默认值) 2、break-all 允许在单词内换行。
3、keep-all 只能在半角空格或连字符处换行。
...
转载请注明出处51数据库 » css3 word-break 属性