美文网首页
2018-03-29

2018-03-29

作者: 饥人谷_二丫 | 来源:发表于2018-03-29 10:29 被阅读0次

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%等

相关文章

  • 策略31

    603918 - 16.33 - 16.33 - c31 - 2018-03-29 09:35:29 - 17.0...

  • 2018-03-29

    2018-03-26 晋先森 关注 2018-03-29 17:44 · 字数 26074 · 阅读 1 · 日记...

  • 2018-03-29

    2018-03-29 180 戴师傅 简书作者 2018.03.29 21:27 打开App 2018-03-29...

  • 今日无所言

    2018-03-29 星期四 天气 晴 不想写东西,没有读书,没有惊喜的工作日

  • selenium+python处理警示框

    author="jolting" date="2018-03-29" 执行同事的自动化用例时,碰到alter的没处...

  • Jason外贸旅途-西班牙语(3)

    Jason外贸旅途-西班牙语(3) 2018-03-29原创公众号:Jason外贸旅途 Jason外贸旅途-西班牙...

  • 2018-1太平金科新活力:五湖四海组第三天培训日记

    不积跬步,无以至千里;不积小流,无以成江海。——荀子 时间:2018-03-29 -----------...

  • 打卡2018.3.30

    thy123456 2018-03-29 21:23 · 字数 215 · 阅读 0 · 日记本 姓名:田宏宇~公...

  • 活在当下

    2018-03-29 简书作者: Michael 六项精进学习 姓名:Michael 部门:业务部 组别:待定 【...

  • Vue原理浅析^_^

    title: Vuedate: 2018-03-29 13:39:09tags: Vue2是一个典型的MVVM框架...

网友评论

      本文标题:2018-03-29

      本文链接:https://www.haomeiwen.com/subject/mgnpcftx.html