CSS学习第二天

今日学习的内容如下:进度有点儿慢了,必须保证每天2小时的学习时间!!!


字体系列是用font-family控制,用逗号隔开加上备用字体。


字体样式:

font-style:normal          /*正常显示文本*/

font-styele:italic         /*斜体显示文本*/

font-style:oblique         /*倾斜的文字,文字向一边倾斜*/

设置字体大小像素:

font-size:40px

font-size:250%

用em来设置字体大小:

font-size:2.5em         /* 40px/16=2.5em */

使用em和百分比组合:

body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}

p {font-size:0.875em;}

设置小型大写字母的字体显示文本:

font-variant:small-caps     /*还有参数normal和inherit*/

设置字体粗细:

font-weight:normal

font-weight:bold

font-weight:900

还有一些参数如下


----------------------------假装有分割线-------------------------------------------------


------------------------------------------------------假装有分割线----------------------------------------------------------

主要有以下四种链接状态:

a:link         正常,未访问过的链接

a:visited          已经访问过的链接

a:hover            当鼠标放在链接上

a:active            当鼠标被点击的那一刻

注意:hover必须在link和visited后面,active必须在hover后面


CSS链接样式:

1.文本修饰:


2.背景颜色:


3.其他样式:



在以上效果图中创建了链接框,主要就是display:block/*将此元素显示为块级元素*/,再用width调整框的高度。


display的参数有如下所示:


---------------------------------------------------------假装有分割线----------------------------------------------



猜你喜欢

转载自blog.csdn.net/dai_aixy/article/details/80553743