CSS学习笔记:语法与规则

2017-01-01 10:33:28来源:CSDN作者:dration人点击

CSS基本语法:

选择器列表 {    属性名:值;    属性名:值;    属性名:值;}

EX:

body {    margin:0px;    padding:0px;}div {    background-color:#00FF00;    width:80%;}#big-font {    font-size:20px;    color:#FFF;}.table {    cellspace:0px;    bgcolor:#1080FF;}

CSS优先级设定

/*div显示的颜色为F00,!important具有最高的优先级*/ div {     color:#F00 !important;     color:#000;}

CSS设定指定的字符集

@chartset "utf-8" /*需要在外部样式文件中的头部写*/

CSS指定媒介类型

@media screen and (device-width:1024px) {    body {        width:1024px;    }}

CSS引用方式

<!--1、内部样式<style type="text/css>    body {        margin:0px;    }</style>2、内联样式<p >...</p>3、外部链接样式<link rel="stylesheet" type="text/css" href="./system.css"/>4、外部导入样式@impor url("./system.css") screen and (device-width:1024px);-->

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台