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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,891评论 0 6
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,645评论 32 459
  • 标签选择器: h1{ font-weight:normal; color:red; } 类选择器: 类选择器在cs...
    info_gu阅读 363评论 0 1
  • 【第十五次作业】画出自己的星座+其它任选五个星座 看似简单的线条一次画的时候觉得很难,还是用铅笔打底画好一些!因为...
    甜蜜味蕾阅读 277评论 2 1
  • “师父,让我看着她魂飞魄散,我做不到!” “如此,便去做自己想做的罢。”也许,这世间,能够改变灵仄一族命运的人,只...
    夜下灯虫阅读 423评论 0 1