zoukankan      html  css  js  c++  java
  • CSS(refer to my training)

    一.What is CSS
    1.CSS stands for Cascading Style Sheets
    2.Styles define how to display HTML elements
    3.Style Sheets Can Save a Lot of Work
    二. Cascading Order
    What style will be used when there is more than one style specified for an HTML element?
    1. Browser default
    2. External style sheet
    3. Internal style sheet (inside the <head> tag)
    4. Inline style (inside an HTML element) 
     Number four has the higheset priority
    三.CSS Syntax
    The CSS syntax is made up of three parts: a selector, a property and a value:
    selector {property: value}
    body {color: black}
    p {font-family: "sans serif"}
    p {
      text-align: center;
      color: black;
       font-family: arial
    }


    .center {text-align: center}
    <h1 class="center"> This heading will be center-aligned </h1>
    <p class="center"> This paragraph will also be center-aligned. </p>

    You can also define styles for HTML elements with the id selector. The id selector is defined as a #.The style rule below will match the element that has an id attribute with a value of "green":
     #green {color: green}
    The style rule below will match the p element that has an id with a value of "para1":
     p#para1 { text-align: center; color: red }

  • 相关阅读:
    你不知道的javascript -- 数据类型
    draft.js开发富文本编辑器
    webpack4配置react开发环境
    使用yarn代替npm
    promise基础和进阶
    express route的写法
    理解es6箭头函数
    Mocha测试
    js 实现继承
    Unity3D使用经验总结 缺点篇
  • 原文地址:https://www.cnblogs.com/engine1984/p/1109277.html
Copyright © 2011-2022 走看看