CSS学习

css基础

  1. 首行缩进

    text-indent:2em;

  2. 页面布局常见命名规范

    头:header
    内容:content/container
    尾:footer
    导航:nav
    侧栏:sidebar
    栏目:column
    页面外围控制整体布局宽度:wrapper
    左右中:leftright center
    登录条:loginbar
    标志:logo
    广告:banner
    页面主体:main
    热点:hot
    新闻:news
    下载:download
    子导航:subnav
    菜单:menu
    子菜单:submenu
    搜索:search
    友情链接:friendlink
    页脚:footer
    版权:copyright
    滚动:scroll
    内容:content

  1. Css字体合写

    选择器{font: font-style font-weight font-size/line-height font-family}

    注意:必须有 字体大小和字体 (font-size 和font-family), 必须严格按顺序写

  1. 常用字体

    字体名称 英文名称 Unicode 编码

    宋体 SimSun \5B8B\4F53

    新宋体 NSimSun \65B0\5B8B\4F53

    黑体 SimHei \9ED1\4F53

    微软雅黑 microsoft yahei \5FAE\8F6F\96C5\9ED1

    楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312

    隶书 LiSu \96B6\4E66

    幼园 YouYuan \5E7C\5706

    华文细黑 STXihei \534E\6587\7EC6\9ED1

    细明体 MingLiU \7EC6\660E\4F53

    新细明体 PMingLiU \65B0\7EC6\660E\4F53

  2. 复合选择器

    由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格,如:

    h3.special 或 p#one

  3. 后代选择器

    外层标记写在前面,内层标记写在后面,中间用空格分隔,选择器+空格+选择器{属性:值;},如:

    h3 .special 或 p #one

  4. 并集选择器

    各个选择器通过逗号连接而成的

  5. 子代选择器:

    只选择儿子辈的元素 div>p{color:red}

  6. 文本字体查找

    浏览器 检查界面(f12) console escape(“宋体”)

  7. more

你可能感兴趣的:(CSS学习)