HTML5&CSS3-充实笔记0504

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

CSS基本语法

控制文字样式

字体属性：color/font-family/font-size/font-style/font-weight
字号（font-size）的单位：cm/mm/pt/px/em/%  默认是12pt
px是以屏幕的像素pixel为单位；pt是以点数point为单位；em以当前字号为单位；%当前字号的百分比
pt是印刷使用的字号单位，不管屏幕分辨率是多少，打印到纸上看起来是相同的，1pt相当于1/72英寸
px能精确地表示组件在屏幕中的位置与大小，不管屏幕分辨率怎么调整，网页版面变化不会太大，但打印到纸面上，有可能有差异。
网页目的是为了屏幕浏览，所以css一般以px为单位

段落属性：text-align/text-indent/letter-spacing（字符间距：normal,数值+单位pt、px、em）/line-height（行高：数值+单位）/word-wrap（是否换行：break-word）

文字效果属性：vertical-align（baseine、super、sub、top、middle、bottom）/text-decoration（文字装饰样式：none、underline、line-through、overline）/text-transform（转换字母大小写：none、lowercase、uppercase、capitalize）/text-shadow（设置阴影效果：h-shadow、v-shadow、blur、color）IE不支持

控制背景：

background-color:#FFFF66;
background-image:url(images/bg1.jpg);   允许多重背景，只需用逗号分隔多组url即可
background-repeat: repeat（重复并排显示，默认）/repeat-x（水平方向重复显示）/repeat-y（垂直方向重复显示）/no-repeat（不重复显示）
background-attachment: fixed（背景图片固定不动）/scroll（跟随滚动，默认）
background-position: 20px 50px  （x位置   y位置）设置背景图片位置。也可以设置 left/center/right/top/center/bottom
background:  综合   

background-size:  "60px 80px"   CSS3新增属性，重新设置背景图片大小
设置渐变：两种（linear-gradient 线性渐变 /  radial-gradient圆形渐变）

   background:  -o-linear-gradient(-45deg, #c42300 0%, #22cc00  33%, #00c9c6 69%,  #0300bf 100%);
                        -moz-/ -ms-/ -o- / -webkit-   分别标识Firefox /  IE / Opera / Chrome和 safari

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：HTML5 HTML htm Background Attachment

继续加油！

点赞

为您点赞！

谢谢分享