CSS 随记

来源:互联网 发布:linux oracle 进程 编辑:程序博客网 时间:2024/06/01 07:29

Html style 属性

w3cschool链接

style 属性规定元素的行内样式(inline style)

style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。

语法:

<element style="value">

值描述style_definition一个或多个由分号分隔的 CSS 属性和值。


CSS overflow 属性

w3cschool链接

overflow 属性规定当内容溢出元素框时发生的事情。

值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 overflow 属性的值。


CSS display 属性

w3cschool链接

display 属性规定元素应该生成的框的类型。

所有主流浏览器都支持 display 属性。

注释:如果规定了 !DOCTYPE,则 Internet Explorer 8 (以及更高版本)支持属性值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。

常用值:

none此元素不会被显示。block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。

示例:可以尝试更改display的值看效果


CSS line-height 属性

w3cschool链接

line-height 属性设置行间的距离(行高)。

注释:不允许使用负值。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

值描述normal默认。设置合理的行间距。number设置数字,此数字会与当前的字体尺寸相乘来设置行间距。length设置固定的行间距。%基于当前字体尺寸的百分比行间距。inherit规定应该从父元素继承 line-height 属性的值。


CSS visibility 属性

visibility 属性规定元素是否可见。

提示:即使不可见的元素也会占据页面上的空间。 "display" 属性创建不占据页面空间的不可见元素。

值描述visible默认值。元素是可见的。hidden元素是不可见的。collapse当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。inherit规定应该从父元素继承 visibility 属性的值。


HTML <a> 标签的 target 属性

<a> 标签的 target 属性规定在何处打开链接文档。.

语法

<a target="value">

属性值

值描述_blank在新窗口中打开被链接文档。_self默认。在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档。_top在整个窗口中打开被链接文档。framename在指定的框架中打开被链接文档。


CSS text-decoration 属性

text-decoration 属性规定添加到文本的修饰,如下划线。

值描述none默认。定义标准的文本。underline定义文本下的一条线。overline定义文本上的一条线。line-through定义穿过文本下的一条线。blink定义闪烁的文本。inherit规定应该从父元素继承 text-decoration 属性的值。


原创粉丝点击