CSS语法
css的语法 selector{property: value}
即 选择器{属性 : 值}
选择器
1.用元素做选择器,直接写元素
<style> p{ color: red; } </style> <p> 红色</p>
2.用id做选择器,用#
<style> #id1{ color: red; } </style> <div id="id1"> abcd </div>
3.用类做选择器,用 .
<style> p.first{ color:red; } .first{ color:red; } </style> <p class="first">abc</p> <span class="first">def</p>
可以直接用 .first 选择, 也可以更加具体,用 p.first 选择。
注释
使用 /*注释注释注释*/
尺寸
width属性 和 height属性
背景
背景颜色:background-color,属性值可以使用:red、 rgb(250, 0, 0)、#ff0000
图片做背景:background-image: url(路径)
背景重复属性background-repeat:no-repeat不重复; repeat-x水平重复; repeat-y垂直重复;repeat水平垂直都重复
文本
文本颜色:color : blue;
文本对齐:text-align:left、right、center
文本修饰:text-decoration:overline上划线、line-through删除效果、underline下划线、blink闪烁、none可用于去除链接自带的下划线
行间距:line-height :50%、10px
字符间距: letter-spacing:2
单词间距:word-spacing:10
行首缩进:text-indent:50
字体
大小:font-size:30px、50%、0.5em
风格:font-style:normal标准字体、italic斜体
粗细:font-weight:normal、bold粗体
字体:font-family:default、黑体、宋体
表格样式
表格布局:table-layout:automatic td的宽度随着td的内容多少而变化;fixed 固定长度,宽度为td上设置的宽度
表格边框:border-collapse:separate 表格边框为双线;collapse 边框为单实线