zoukankan      html  css  js  c++  java
  • CSS基础

    这段时间由于项目的驱动,比较多的关注前端技术,这一块是之前都没有过多学习过的。CSS就是前端核心技术之一。

    ·        选择器:

    id selector > class selector>tag selector

    权重计算(calculating specificity)

    Selector

    specificity

    p

    1

    div p

    1+1

    .tree

    10

    div p.tree

    1+1+10

    #tree

    100

    body #tree .alter p

    1+100+10+1

    ·        display

    简单来说display用来对显示内容进行简单控制的属性,常用的有blocknoneinline等等。

       1.      display:block 有换行作用

       2.      diplay:none 隐藏对象及对象内容

       3.      display:inline 在一排显示

    其他参数:

    block :块对象的默认值。用该值为对象之后添加新行

    none :隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间

    inline :内联对象的默认值。用该值将从对象中删除行

    compact :分配对象为块对象或基于内容之上的内联对象

    marker :指定内容在容器对象之前或之后。要使用此参数,对象必须和:after:before伪元素一起使用

    inline-table :将表格显示为无前后换行的内联对象或内联容器

    list-item :将块对象指定为列表项目。并可以添加可选项目标志

    run-in :分配对象为块对象或基于内容之上的内联对象

    table :将对象作为块元素级的表格显示

    table-caption :将对象作为表格标题显示

    table-cell :将对象作为表格单元格显示

    table-column :将对象作为表格列显示

    table-column-group :将对象作为表格列组显示

    table-header-group :将对象作为表格标题组显示

    table-footer-group :将对象作为表格脚注组显示

    table-row :将对象作为表格行显示

    table-row-group :将对象作为表格行组显示

    ·        部分CSS3标签

    Box-Shadows

    Text-Shadows

    border-radius

  • 相关阅读:
    宏定义define和const的区别
    C++11新特性(1)
    TCP协议
    sql查询 不等于的坑null
    To B市场品牌实战课 用产品故事引爆市场
    Tomcat在windows服务器下,将tomcat控制台日志记录到日志文件中
    极客时间返现小程序,全网最优惠返现最多
    分布式数据库,从功能特性到运行机制,讲透本质
    生财有术知识星球整理
    ff
  • 原文地址:https://www.cnblogs.com/williamxiao/p/3499964.html
Copyright © 2011-2022 走看看