发表于: 2018-10-23 22:27:32
1 679
今天完成的事情:
有继承性的属性
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
应用了
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
还有几种方式,记住几种我就可以了,毕竟自己记忆力差= =
明天计划的事情:看任务七的相关的基础知识
遇到的问题:
收获:
评论