发表于: 2019-05-31 22:13:29

1 673


今天完成的事情

1.背景(background)属性:

背景颜色background-color、

背景图片background-image:url()、

背景平铺background-repeat:no-repeat、

背景定位background-position:x% y%(或者:px px)、

背景关联background-attachment:fixed。

2.文本(text)属性

缩进text-inden

水平对齐text-align

字间距word-spacing

字母间距letter-spacing

字符变换text-transform:capitalize(或者uppercase,lowercase,默认none)

文本装饰text-decoration,属性值none可以用来清楚某些默认的文本装饰,例如超链接文本的下划线

处理空白符white-space,默认折叠成一个空格;值pre则是预格式化;值nowrap是禁止换行;值pre-wrap是保留预格式化,且允许自动换行;值pre-line是只保留换行符,不保留空白符,也允许自动换行

文本方向direction,默认ltr,从左往右,还有一个rtl,即从右往左

3.字体属性

font-family:一个或多个指定字体,通用字体(备用);其中多个指定字体是按照从左往右的优先顺序排列的,中间有逗号隔开

font-style:normal正常,italic斜体

font-weight:字体粗细属性,可以用100~900直接定义粗细;也可用关键字定义,如默认normal(相当于400),粗体bold(相当于700);以及bolder和lighter,这两个用来表示定义的字体比所继承的属性要更粗点或者更细点

font-size:字体大小,属性值有绝对值和相对值两种,默认值是16px即1em。ie中无法使用px来改变文字大小,所以ie中1em就等于16px,就可以用em来改变文字文字大小,而在其它浏览器中,可以用px来改变字体大小,所以当父级元素用px定义了大小时,子级元素就要重新计算em,pixels/父级定义的px=em。就这点,我觉得IE的好,默认1em=16px,其它浏览器可以乱定义,万一乱套了,很烦,所以就统一用em就好了。不幸的是,在 IE 中仍存在问题。在重设文本大小时,会比正常的尺寸更大或更小。在所有浏览器中均有效的方案是为 body 元素(父元素)以百分比设置默认的 font-size 值:100%。

4.链接属性

a:link未被点击

a:visited已点击过

a:hover鼠标悬浮提示

a:active点击过程中

前后顺序不能乱

5.列表属性

标志类型属性,list-style-type和list-style-image:url()

标志位置属性,list-style-position

可以统一简写成list-style

6.表格属性

边框border

折叠边框border-collapse

宽度width、高度height

文本对齐text-align

垂直对齐vertical-align

内边距padding

7.轮廓属性

outline

8.框模型即盒子模型

content,padding,border,margin

四个属性都有不同的定义。

margin可以合并

9.定位position

相对定位relative,个人理解为复制+定位

绝对定位absolute,个人理解为剪切+定位(相对于其包含块定位

固定定位fixed,个人理解为剪切+定位(相对于视窗本身定位)


遇到的问题

行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。这句话不太理解。


明天要完成的事情

学完浮动


返回列表 返回列表
评论

    分享到