发表于: 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,个人理解为剪切+定位(相对于视窗本身定位)
遇到的问题
行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。这句话不太理解。
明天要完成的事情
学完浮动
评论