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 指定右边的填充距离
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值