做网站有免费的吗,做网站运营,怎么搭建app,江苏做网站怎么收费多少一.为什么使用CSS 1.有效的传递页面信息 2.使用CSS美化过的页面文本#xff0c;使页面漂亮、美观#xff0c;吸引用户 3.可以很好的突出页面的主题内容#xff0c;使用户第一眼可以看到页面主要内容 4.具有良好的用户体验 二.字体样式属性 1.font-family:英…一.为什么使用CSS 1.有效的传递页面信息 2.使用CSS美化过的页面文本使页面漂亮、美观吸引用户 3.可以很好的突出页面的主题内容使用户第一眼可以看到页面主要内容 4.具有良好的用户体验 二.字体样式属性 1.font-family:英文字体,中文字体 类型 font-family: Times,Times New Roman, 楷体; 2.font-size:值单位 (大小) 单位 px像素 em、rem、cm、mm、pt、pc 3.font-style:normal正常、italic斜体和oblique倾斜 风格 p span{ font-weight: 700; } 4.font-weight: 700 字体粗细 normal 默认值定义标准的字体 bold 粗体字体 bolder 更粗的字体 lighter 更细的字体 100、200、300、400、500、600、700、800、900 定义由细到粗的字体 400等同于normal700等同于bold 5.font:字体风格→字体粗细→字体大小→字体类型 font:oblique bold 12px 楷体; 三.文本样式 1.color rgb(0,0,0) 取值在0~255之间 rgba(0,0,0,0) 最后一位代表透明度取值在0~1之间 2.文本水平对齐方式text-align left 把文本排列到左边。默认值由浏览器决定 right 把文本排列到右边 center 把文本排列到中间 justify 实现两端对齐文本效果 3.首行缩进 text-indent:20px; 4.行高 line-height:30px; 5.文本装饰 text-decoration none 默认值定义的标准文本 underline 设置文本的下划线 overline 设置文本的上划线 line-through 设置文本的删除线 6.文本垂直对齐 vertical-align top:上对齐 bottom:下对齐 middle:中间对齐 7.文本阴影 text-shadow:颜色 x轴移动位置 y轴移动位置 模糊半径0代表没有 四.超链接伪类 a:link 未单击访问时超链接样式 a:link{color:#9ef5f9;} a:visited 单击访问后超链接样式 a:visited {color:#333;} a:hover 鼠标悬浮其上的超链接样式 a:hover{color:#ff7300;} a:active 鼠标单击未释放的超链接样式 a:active {color:#999;} 五.列表样式 list-style-image: url(image/arrow-icon.gif); 列表项前图像 list-style-type 指定列表项前图标 none 无标记符号 list-style-type:none; disc 实心圆默认类型 list-style-type:disc; circle 空心圆 list-style-type:circle; square 实心正方形 list-style-type:square; decimal 数字 list-style-type:decimal 六.背景颜色和图像 颜色background-color 图像background-repeaturl(路径) repeat沿水平和垂直两个方向平铺 no-repeat不平铺即只显示一次 repeat-x只沿水平方向平铺 repeat-y只沿垂直方向平铺 七.渐变 -浏览器内核-linear-gradient(方向开始颜色结束颜色) background:linear-gradient(to left,red,blue); background:-webkit-linear-gradient(to left,red,blue);转载于:https://www.cnblogs.com/1314Justin/p/9196990.html
