发表于: 2018-10-23 22:27:32

1 676


今天完成的事情: 

有继承性的属性

1、字体系列属性

font:组合字体

font-family:规定元素的字体系列

font-weight:设置字体的粗细

font-size:设置字体的尺寸

font-style:定义字体的风格

font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-stretch:对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。

font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。

今天主要是把任务六给完成,一些垂直定位和水平居中的方法也多记一下,

vertical-align:垂直文本对齐

text-decoration:规定添加到文本的装饰

text-shadow:文本阴影效果

white-space:空白符的处理

unicode-bidi:设置文本的方向


text-indent:文本缩进

text-align:文本水平对齐

line-height:行高

word-spacing:增加或减少单词间的空白(即字间隔)

letter-spacing:增加或减少字符间的空白(字符间距)

text-transform:控制文本大小写

direction:规定文本的书写方向

color:文本颜色

继承

  •  h1 {color:blue;}                        特性值为:1
  •   p em{color:purple;}                    特性值为:1+1=2
  •   .apple {red;}                           特性值为:10
  •   p.bright {color:yellow;}                  特性值为:10+1=11
  •   p.bright em.dark {color:brown;}           特性值为:10+1+10+1=22
  •   #idname {color:yellow}                   特性值为:100

inline-block是一个块状行盒,表现为一个行内元素,它既拥有了块状元素可以设置width和height的特性,又保留了行内元素不换行的特点。
应用了display:line-block属性的元素会生成一个块状盒,该块状盒随着周围内容流动,如同它是一个单独的行内盒子,其表现更像是一个被替换的元素。





去除inline-block方法


1方法之移除空格

2使用margin负值

3.让闭合标签吃胶囊

<div class="space">
    <a href="##">惆怅
    <a href="##">淡定
    <a href="##">热血</a></div>

只需要把上面的代码设置一个闭合

4.使用font-size:0

5.使用letter-spacing

还有几种方式,记住几种我就可以了,毕竟自己记忆力差=  =





明天计划的事情:看任务七的相关的基础知识
遇到的问题:
收获:


返回列表 返回列表
评论

    分享到