css笔记

来源：互联网发布：网络电视直播机顶盒编辑：程序博客网时间：2024/06/11 06:01

css即cascading styles sheet，复杂样式表；

css 选择器，分别type，class，id三种方式，1.type方式为body{background：#FFFFFF；}，2.class方式为<p class="mystyle" ></p>,.mystyle{color:write；},令当不同type声明相同class时，可以使用type与class混用的方式，即body.mystyle{color:red},3.id方式为用#作为标识符，即<li id="mycolor"></li>,#mycolor{color：red；}，id选择器在html文件中，相同id只能出现一次，主要配合javascript中的getelementbyid函数使用；class声明方式可以重复使用；

css引用通常采用内联（inlink）<body style=background-color：red></body>；嵌入（embed）<head><style type=text/css>body{background-color:red;}</style></head>，外链（extrel link）,为<link rel=stylesheet type=text/css helf=style.css>;

盒子模型中采用顺时针的模式，即top，right，bottom，left即margin:1px 1% auto 1px；

外联css相对路径<link rel=stylesheet type="text/css" href="相对路径：“../”表示上一级目录开始，“./”表示当前同级目录开始" charset="UTF-8">

顺时针margin:0 auto=margin:0 auto 0 auto;margin:0 auto 10px=margin:0 auto 10px auto;

设置动画ai@-webkit-keyframes name_1{0% {-webkit-transform：translateX();ect.....}设置动画播放#name{-webkit-animation-name:name_1;-webkit-animation-duration:1s;_webkit-animation-delay:1s;}

阅读全文

0 0