css基础学习第二天

css基础学习第二天

css的字体属性

语法:

p{ font-family:“宋体”;}

font-family：字体类型 宋体 微软雅黑 黑体

字体大小:

语法: p{ font-size:20px;}

字体大小： font-size:…px 默认的是16px 10px以下不起作用 (谷歌默认最小大小10-12px -webkit-text-size-adjust:none; 可以解决设置10px以下的 （新版浏览器已经支持10px以下)

字体粗细:

语法:

p{font-weight:50px}
bold 粗体

bolder特粗

lighter细体

font-weigth： 100-900 100-400属于正常字体 400-700：属于加粗（bold） 700-900特粗（bolder） 400正常 700加粗

字体倾斜:

font-style:字体倾斜：italic（倾斜）/normal（正常）

文字阴影 text-shadow:
text-shadow: 1px 1px 5px red; 水平距离 垂直距离 模糊程度 阴影颜色 可以有多个阴影：使用：text-shadow: 1px 1px 5px red,1px 1px 5px blue

字体连写： font:font-style font-weight font-size/line-height font-family

color：字体颜色

text-align:left/center/right 水平对齐方式
注意：1.div h。。标题会居中 span em i。。。。不会居中

line-height:行高 行与行之间的距离
1.注意： 当采用字体连写 不写行高默认是0 会把上面的行高覆盖font:font-style font-weight font-size/line-height font-family

text-indent:首行缩进 em 1em=16px

text-decoration：去掉a链接默认的下划线 none(去掉下划线)/ undefined(添加下划线)