css基础

css的css完全参考手册是必备的
css的格式:外部样式、内部样式、内联样式
外部样式:另外写一个css文件以.css为后缀名,通过超链接加载该css文件
如:<link rel="stylesheet" type="text/css" href="/c5.css" />
内部样式(位于<head>中):定义在<style>标签中(每个属性写完了都要分号结束";"
如:
<html lang="en">
<head>
  <meta charset="UTF-8">
  <style>内容</style>
  <title>Document</title>
</head>
<body>
 
</body>
</html>
内联样式(在 HTML 元素内部)定义在标签的style属性中;
如:
<html lang="en">
<head>
  <meta charset="UTF-8">

  <title>Document</title>
</head>
<body>
          <p style=""></p>
</body>
</html>
优先级:内联样式>内部样式>外部样式>浏览器缺省设置

CSS样式
ØCSS 背景
background-color:背景颜色(透明:transparent
background-image:背景图片
background-image:url("图片的路径/ 图片名字+后缀名");
background-repeat 背景重复值为:
repeat重复出现图片
repeat-x沿x轴重复(横向的是x轴纵向的是y轴)
repeat-y沿y轴重复
no-repeat不重复
background-position 背景位置(可以是百分数,也可以是像素)
(如果向右移动或者向上移动为负数,如果向左或者向下移动为正数)
length :  百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 
position :  top | center | bottom | left | center | right
ØCSS 文本
文本的颜色  color
字符间距  letter-spacing 
对齐文本  text-align
装饰文本  text-decoration
overline、line-through、underline、none
对文本进行缩进  text-indent
ØCSS 字体
font-family: "楷体"(你的电脑有的字体)
font-weight(设置字体的粗细)
值为:normal正常字体
bold 粗体
bolder( 比 normal 粗)
lighter ( 比 normal 细)
font-size:(设置字体的大小)
ØCSS 链接
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方(悬停)
a:active - 链接被点击的时刻
链接注意,这样的顺序不能改变严格的说
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
ØCSS 列表
要修改列表项的标志类型,可以使用属性 list-style-type
list-style-image: url("图片位置/名字+后缀名")
list-style: none;什么都不要
ØCSS 表格
table属性
border-collapse:collapse;(将表格边框折叠为单一边框
padding内容填充距离
padding:默认四边的距离为一个值
padding-top:指定上边的填充距离
padding-bottom指定下边的填充距离
padding-left指定左边的填充距离
padding-right指定右边的填充距离
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章