五css基础(二)
1.文本类属性
① 字体类型
语法:font-family:字体1,字体2,字体3...;body{font-family: "宋体,楷书"; }
设置多个字体时,浏览器会优先识别字体1,找不到则识别字体2,都无法识别时,显示浏览器默认字体。
② 字体大小
语法:font-size:数值+单位;p{font-size: 12px}
字体大小单位有px、em、rem、pt;浏览器默认大小为16px;字体大小一般设置为偶数值;谷歌浏览器识别最小字体为12px。
③ 字体加粗p{font-weight: normal}
属性值:normal常规、bold加粗、bolder更粗、100-900数值
数值100-900字体加粗程度不同,其中100-500为常规字体,600-900为加粗字体。
④字体颜色p{color: 颜色值;}
颜色值写法有三种:直接写颜色单词,如red;十六进制写法,如color:#000;rgb写法 ,color:rgb(0,0,0);
⑤字体倾斜font-style: normal; font-style: italic; 倾斜
⑥复合写法
font:字体大小/行高 字体类型;font: 12px/24px "宋体"
⑦行高
语法: line-height:数值+单位;
数值不能为负值
⑧水平对齐方式
语法:text-align:left; 左对齐
text-align:center 居中
text-align:right 右对齐
text-align:justify 两端对齐,只对英文起作用
⑨文本修饰
text-decoration:none; 去掉文本修饰,可去掉超链接(对a标签使用)的下划线
text-decoration:underline; 下划线
text-decoration:overline; 上划线
text-decoration:line-through; 删除线
文本缩进
text-indent:数值+单位;
数值为正向后缩进,负值向前缩进
强制在一行显示
white-space:nowrap;
长单词换行
word-warp:break-word;
2.背景类属性背景颜色
语法:background-color:颜色值;
属性值同字体颜色属性值相同用法背景图片
语法:background-image:url(图片路径);背景图位置
语法:background-position:left;
水平方向:left、center、right
垂直方向:top、center、bottom
属性值为数值时,水平方向向右为正,向左为负,垂直方向向下为正,向上为负。水平和垂直方向都居中时可写background-position:center;背景图固定
background-attachment:scroll;
属性值:scroll 默认值;fixed 固定
当容器出现滚动条时,背景图固定不滚动,可设置为fixed。背景平铺
语法:background-repeat:repeat;
属性值:repeat平铺;no-repeat;repeat-x横向平铺;repeat-y纵向平铺。背景综合写法
background:背景图 背景平铺 背景位置
background:url(13211.jpg) no-repeat right bottom;
3.列表属性
语法:list-style-type:disc;
属性值:disc实心圆;circle空心圆;square实心方块;decimal数字;none去除列表符号。
4.伪类选择器
语法: 选择符:hover{属性:属性值;} p:hover{color:red;}
超链接a标签的四个状态:
a) a:link 超链接的初始状态,链接没有被访问过时的状态
b) a:visited 链接访问过后的状态
c) a:hover 鼠标悬停在超链接上的状态(鼠标滑过)
d) a:active 超链接被激活时的状态(鼠标按下)
天选之子,比亚迪汉ev早早跑到这店里了,销售顾问热情接待,让人心情愉悦本来想看看唐dmi,可是一直开轿车比较多,再加上现在油价涨得厉害,还是来看看汉ev,车子五米不到,c级车的享受,用得现在最新的刀片电
豪华内饰的汉ev现在有不少人已经了解了比亚迪的汉ev,那么我们今天就来说一说汉ev的内饰吧!座椅是采用NAPPA真皮,进口头层牛皮配合龙鳞纹双缝线工艺,只有bba车中才会使用的,车内的木饰板俊采用
国产之光汉ev汉ev车身尺寸498019101495mm电机马力494续航里程550km百公里加速3。9秒售价279500四驱前后双电机搭配布雷博卡钳11个安全气囊有被动行人保护360全景影像运
省心又省钱,开启绿色生活本人于今年4月提的汉EV尊贵版,目前用车刚好半年,累计行驶7229km,来聊聊买新能源汽车会不会后悔?免购置税我的汉EV尊贵版裸车购买价为25。6万元,指导价,按此价格计算购置税应
曾经让你不屑的国产品牌,如今让你高攀不起人生中第一台车是本田雅阁,当时觉的日系车稳定,没毛病,油耗还低,省钱,直到开了几年才知道,整车质感很重要,日系车,底盘松散,胎噪风噪大的没法想象,直到油价疯涨,我才知道不是省油就能
win7升级win10纯净版无法识别麦克风的解决方法有很多深度技术用户在官方群里面听群友说深度win10纯净版很好用,把自己的电脑win7升级win10系统了,但是电脑安装好系统后,却出现了无法识别麦克风的问题,那我们要怎么处理这一
win10系统中使用hp1213找不到扫描的解决方法如今很多深度技术用户,都已经安装win10系统了,有一位使用win102004版本的用户反映说自己在使用hp1213打印机的时候,却出现了在win10系统中找不到扫描的情况,我们要
windows764位系统共享根目录的设置方法周末可能很多深度系统的小伙伴都休假了,但是有一位深度技术的windows764位系统还在工作,他说在公司里面需要对根目录的文件进行共享给同事,不知道要如何设置的问题,没关系,下面深
win764位纯净版电脑网速很慢的解决方法有很多深度技术的用户,因为本身电脑没有更换,所以一直都使用着win764位纯净版iso系统,但是有一位小伙伴在电脑上网时经常会出现网速变慢的问题,接下来就请大家看看深度系统小编分享
win10专业版安装爱普生lq630k打印机的方法很多办公室的用户,都需要使用到打印机,它是电脑相关的输出设备,是现代化办公的必备的硬件设备。有深度技术的小伙伴在使用ghostwin10专业版系统的时候,不知道要如何安装lq630
win764位纯净版删除开机启动项的方法可能有不少深度技术的小伙伴都不清楚什么是开机启动项吧,其实就是开机的时候系统会在前台或者后台运行的程序。许多程序的自启动,会使电脑开机慢的问题,而且每个自启动的程序不是对我们都有用