如何从头搭建一个搜索引擎_css的使用

日期:2016年11月03日
标题:css的使用
编号:5
PS:这篇只是挑选了我们需要的部分,想系统学习HTML和CSS还是应该去W3School上学一下

一.CSS的应用:
  • 样式表的优先级:
    • 1.内联样式:写在tag里面的style
<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>
    • 2.内部样式表(推荐使用):写在head标签里面的style标签里面
<head>
<style type="text/css">
  hr {color: sienna;}
  p {margin-left: 20px;}
  body {background-image: url("images/back40.gif");}
</style>
</head>
    • 3.外部样式表:写在同一个目录下的.css文件中,在html文件中的head中通过link标签来引用
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

#/mystyle.css:

hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
    • 4.浏览器的default设置
  •  2和3的基本语法:selector{key1:value1;key2:value2; ...}
    • 如果值为若干单词,需要加引号:
p {font-family: "sans serif";}
    • 根据CSS,子元素从父元素中继承属性
    • 派生选择器:
li strong {     #表示li下面的strong标签
    font-style: italic;
    font-weight: normal;
  }
    •  id选择器:(x)#y:类型为x,id为y的标
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值