标签:family text 100px height 字体 font
1.字体
body {
/*字体*/
font-family: "Microsoft Yahei";
/*字体大小*/
font-size: 20px;
/*字体粗细 bold加粗 bolder更粗 lighter更细 400是默认 700等于加粗*/
font-weight: 400;
/*字体样式normal正常 italic斜体*/
font-style: italic;
/*字体颜色*/
color: #000;
}
/*引入外部字体*/
@font-face {
font-family: zidingyi; font-family的值是自定义的 然后再用font-family: zidingyi;调用
src: url(./Americratika.ttf);
}
.aa{
font-family: iconfont;
}
2.文本属性
divc {
/*文本属性*/
/* 文本首行缩进 */
text-indent: 20px;
/* 文本对其方式 */
text-align:center;
/*下划线 删除线 顶划线*/
text-decoration: underline line-through overline;
/* height: 100px;*/
width: 100px;
/* 高度固定后,和height值相同可以设置垂直居中 */
line-height: 100px;
/* word-break: break-all; */
/*超出宽度自动换行*/
/*文本不换行,三个属性同时用会出现省略号*/
white-space: nowrap;
overflow: hidden;
/* 文本超出显示省略号 */
text-overflow: ellipsis;
}
3.盒子模型
盒子模型是加在块级元素 当两个盒子垂直相遇时可以把上盒子模型外边框的下边框宽加到内边框上,或者给盒子加个div设置一个 border-bottom: 1px就是下边框
.cc{
width: 100px;
height: 100px;
margin: 10px 20px 0px 40px;
padding: 40px 30px 40px 10px;
border: 1px dotted red;
}
标签:family,text,100px,height,字体,font 来源: https://www.cnblogs.com/renshen/p/12722433.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。