2018-03-29

CSS入门(1)

  1. 初识CSS
  • CSS指层叠样式表(Cascading Style Sheets),样式定义了如何显示HTML元素。
  • CSS由选择器和一或多条声明构成,声明由属性和值构成:
/*css的注释长这样*/
h1 {color:red;font-size:10px;}

这里h1就是选择器,color(属性):red(值);为一条声明。

  • id选择器和class选择器
    可以为标有id或class的元素指定样式,这时选择器可为#id值 .class值
  1. 四种引入CSS的方式:
  • style属性
    放在一个元素中作为style属性,作为内联样式,少用。
  • style标签
    <style>标签放在头部,定义内部样式表,如:
<head>
 <style>
   p {marging-left:10px;}
   body {background-image:url("image/xx.gif");}
 </style>
</head>
  • css link
    <link>标签放在头部,链接外部样式表,如:
<head>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>
  • css import
    注:多重样式时,遵循优先级:style属性(内联)>style标签(内部)>css link(外部)>浏览器默认样式

3 常见CSS属性:

属性 用法
font-family 文本字体
font-size 文字大小
font-weight 字体粗细,normal、bold、lighter等
color
background-color 元素的背景颜色
margin 元素的边距,4个值(上右下左)、3个值(上‘左右’下)、2个值(上下)、1个值(四边)
padding 元素填充距离,同marging差不多,但不能为负值
line-height 行高,90%、110%等
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容