HTML CSS

HTML value 属性
value 属性规定 元素的值。
value 属性对于不同 input 类型,用法也不同:
对于 “button”、“reset”、“submit” 类型 - 定义按钮上的文本。
对于 “text”、“password”、“hidden” 类型 - 定义输入字段的初始(默认)值。
对于 “checkbox”、“radio”、“image” 类型 - 定义与 input 元素相关的值,当提交表单时该值会发送到表单的 action URL。
注意:value 属性对于 和 是必需的。
注意:value 属性不适用于 。

标签用于对表格中的列进行组合,以便对其进行格式化。

HTML 标签

标签,可以向整个列应用样式。 注释:只能在 元素之内,在任何一个 、、、 元素之前使用 标签。 提示:如果想对 中的某列定义不同的属性,请在 标签内使用 标签。 span number 规定列组应该横跨的列数。
元素之后,在任何一个

CSS list-style 属性
list-style 属性是设置list-style-type, list-style-image 和 list-style-position 的简写属性。
可以不设置其中的某个值,比如 “list-style: circle inside;” 也是允许的。未设置的属性会使用其默认值。

CSS list-style-position 属性
list-style-type 可以设置列表元素的 marker(比如圆点、符号、或者自定义计数器样式)。
none 不显示列表项的标记。
disc 实心圆点 (默认值)
circle 空心圆点
square 实心方块

CSS list-style-position 属性
outside 默认值。保持标记位于文本的左侧。
列表项目标记放置在文本以外,且环绕文本不根据标记对齐。
inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐。
inherit 规定应该从父元素继承 list-style-position 属性的值。

CSS list-style-image 属性
list-style-image 属性用来指定一个能用来作为列表元素标记的图片。
url() 用来作为标记的图片的地址。
none 说明没有图片被用作标记。
如果这个值被设定,那么 list-style-type 中定义的值会被取代。

CSS border-collapse 属性
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是像在标准的 HTML中那样分开显示。
collapse 如果可能,边框会合并为一个单一的边框。
会忽略 border-spacing 和 empty-cells 属性
separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性
inherit 规定应该从父元素继承 border-collapse 属性的值

CSS caption-side 属性
caption-side 属性设置表格标题的位置。
top 默认值。把表格标题定位在表格之上。
bottom 把表格标题定位在表格之下。
inherit 规定应该从父元素继承 caption-side 属性的值。

CSS letter-spacing 属性
letter-spacing 属性增加或减少字符间距。
normal 默认。规定字符间没有额外的空间。
length 定义字符间的固定空间(允许使用负值)。3px -2px
inherit 规定应该从父元素继承 letter-spacing 属性的值。

CSS word-spacing 属性
word-spacing属性增加或减少 字 和 字 之间的空白。
normal 默认。定义单词间的标准空间。
length 定义单词间的固定空间。 3px -2px
inherit 规定应该从父元素继承 word-spacing 属性的值。

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

CSS max-width 属性
max-width属性设置元素的最大宽度。
注意:max-width属性不包括填充,边框,或页边距!
max-width会覆盖width设置, 但min-width设置会覆盖 max-width.
none 默认值。定义对元素的最大宽度没有限制。
length 定义元素的最大宽度值。
% 以父级块级元素宽度的百分比作为最大宽度。
inherit 规定应该从父元素继承 max-width 属性的值。

CSS visibility 属性
visibility属性指定一个元素是否是可见的。(类似不透明度为0)
提示:即使不可见的元素也会占据页面上的空间。请使用 “display” 属性来创建不占据页面空间的不可见元素。
visible 默认值。元素是可见的。
hidden 元素是不可见的。
collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使 用。如果此值被用在其他的元素上,会呈现为 “hidden”。
inherit 规定应该从父元素继承 visibility 属性的值。

CSS background 属性
背景缩写属性可以在一个声明中设置所有的背景属性。
可以设置的属性分别是:background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment 和 background-image。
各值之间用空格分隔,不分先后顺序。可以只有其中的某些值,
例如 background: #FF0000 URL(smiley.gif); 是允许的。

CSS background-position 属性
background-position属性设置背景图像的起始位置。
left top 如果仅指定一个关键字,其他值将会是"center"
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
x% y% 第一个值是水平位置,第二个值是垂直。
左上角是0%0%。右下角是100%100%。
如果仅指定了一个值,其他值将是50%。
默认值为:0%0%
x y 第一个值是水平位置,第二个值是垂直。
左上角是0。
单位可以是像素(0px0px)或任何其他 CSS单位。
如果仅指定了一个值,其他值将是50%。
可以混合使用%和position
inherit 指定background-position属性设置应该从父元素继承

CSS background-repeat 属性
设置如何平铺对象的 background-image 属性。
默认情况下,重复background-image的垂直和水平方向。
repeat 背景图像将向垂直和水平方向重复。这是默认
repeat-x 只有水平位置会重复背景图像
repeat-y 只有垂直位置会重复背景图像
no-repeat background-image不会重复
space 图像会尽可能得重复, 但是不会裁剪.。
第一个和最后一个图像会被固定在元素(element)的相应的边上, 同时空白会均匀地分布在图像之间。
round 随着允许的空间在尺寸上的增长, 被重复的图像将会伸展(没有空隙), 直到有足够的空间来添加一个图像. 当下一个图像被添加后, 所有的当前的图像会被压缩来腾出空间。
inherit 指定background-repeat属性设置应该从父元素继承

CSS background-attachment 属性
background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。
scroll 默认值。背景图片随着页面的滚动而滚动。
fixed 背景图片不会随着页面的滚动而滚动。
local 背景图片会随着元素内容的滚动而滚动。
initial 设置该属性的默认值。
inherit 指定 background-attachment 的设置应该从父元素继承。

CSS3 background-size 属性
设置背景图片大小。图片可以保有其原有的尺寸,或者拉伸到新的尺寸,或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。
没有被背景图片覆盖的背景区域仍然会显示用background-color属性设置的背景颜色。此外,如果背景图片设置了透明或者半透明属性,衬在背景图片后面的背景色也会显示出来。
设定宽度和高度值如果仅有一个数值被给定,这个数值将作为宽度值大小,高度值将被设定为auto。
如果有两个数值被给定,第一个将作为宽度值大小,第二个作为高度值大小。
cover 缩放背景图片以完全覆盖背景区,可能背景图片部分看不见。
contain 缩放背景图片以完全装入背景区,可能背景区部分空白。

CSS3 background-origin 属性
background-Origin属性指定background-position属性应该是相对位置。
注意如果背景图像background-attachment是"固定",这个属性没有任何效果。
padding-box 默认值。背景图像填充框的相对位置
border-box 背景图像边界框的相对位置
content-box 背景图像的相对位置的内容框

CSS3 background-clip 属性
background-clip属性指定背景绘制区域。
border-box 默认值。背景绘制在边框方框内(剪切成边框方框)。
padding-box 背景绘制在衬距方框内(剪切成衬距方框)。
content-box 背景绘制在内容方框内(剪切成内容方框)。

CSS3 word-wrap 属性
word-wrap属性允许长的内容可以自动换行。
word-wrap: normal | break-word;
normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。
1.当单个元素的尺寸超出父元素的尺寸时可以同时从水平和竖直方向超出父元素的范围
2.对于多个元素或多个中文文字和英文单词会遵循文本流(文本流默认是水平方向)方向排列。当文本流遇到父元素的水平方向边界时会自动换行,也就不会从水平方向超出。只会从竖直方向超出。
3.对于连续的英文字母会被认作为一个单词。一个单词之间默认情况是不允许自动换行的。当一个单词的长度超出父元素的尺寸时会从水平方向超出。

CSS3 @font-face 规则
@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一。
字体的名称,@font - face规则:
font-family: myFirstFont;
字体文件包含在您的服务器上的某个地方,参考CSS:
src: url(‘Sansation_Light.ttf’)
如果字体文件是在不同的位置,请使用完整的URL:
src: url(‘http://www.w3cschool.css/css3/Sansation_Light.ttf’)

图标字体库
font-awesome
iconfont

CSS3 box-sizing 属性
box-sizing 属性允许你以某种方式定义某些元素,以适应指定区域。
content-box 默认值。如果你设置一个元素的宽为100px,那么这个元素的内容区会有100px 宽,并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。
border-box 指对元素指定宽度和高度包括了 padding 和 border,设置的边框和内边距的值是包含在width内的。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
border-box不包含margin
inherit 指定 box-sizing 属性的值,应该从父元素继承

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值