美文网首页
css基础特性

css基础特性

作者: BULL_DEBUG | 来源:发表于2018-01-08 14:42 被阅读6次

    一、css权重问题:

    !important > 行内 > id > class

    二、常见的行内块级元素:

    1、常见的块状元素
    address – 地址
    blockquote – 块引用
    center – 举中对齐块
    dir – 目录列表
    div – 常用块级容易,也是CSS layout的主要标签
    dl – 定义列表
    fieldset – form控制组
    form – 交互表单
    h1 – 大标题
    h2 – 副标题
    h3 – 3级标题
    h4 – 4级标题
    h5 – 5级标题
    h6 – 6级标题
    hr – 水平分隔线
    isindex – input prompt
    menu – 菜单列表
    noframes – frames可选内容,(对于不支持frame的浏览器显示此区块内容
    noscript – 可选脚本内容(对于不支持script的浏览器显示此内容)
    ol – 有序表单
    p – 段落
    pre – 格式化文本
    table – 表格
    ul – 无序列表

    2、常见的内联元素
    a – 锚点
    abbr – 缩写
    acronym – 首字
    b – 粗体(不推荐)
    bdo – bidi override
    big – 大字体
    br – 换行
    cite – 引用
    code – 计算机代码(在引用源码的时候需要)
    dfn – 定义字段
    em – 强调
    font – 字体设定(不推荐)
    i – 斜体
    img – 图片
    input – 输入框
    kbd – 定义键盘文本
    label – 表格标签
    q – 短引用
    s – 中划线(不推荐)
    samp – 定义范例计算机代码
    select – 项目选择
    small – 小字体文本
    span – 常用内联容器,定义文本内区块
    strike – 中划线
    strong – 粗体强调
    sub – 下标
    sup – 上标
    textarea – 多行文本输入框
    tt – 电传文本
    u – 下划线

    3,可变元素
    可变元素为根据上下文语境决定该元素为块元素或者内联元素。
    applet - java applet
    button - 按钮
    del - 删除文本
    iframe - inline frame
    ins - 插入的文本
    map - 图片区块(map)
    object - object对象
    script - 客户端脚本

    三、html5有哪些新特性,移除了那些元素?

    HTML5已形成了最终的标准,概括来讲,它主要是关于图像,位置,存储,多任务等功能的增加。
    新增的元素有绘画 canvas ,用于媒介回放的 video 和 audio 元素,本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失,而sessionStorage的数据在浏览器关闭后自动删除,此外,还新增了以下的几大类元素。
    内容元素,article、footer、header、nav、section。
    表单控件,calendar、date、time、email、url、search。
    控件元素,webworker, websockt, Geolocation。
    移出的元素有下列这些:
    显现层元素:basefont,big,center,font, s,strike,tt,u。
    性能较差元素:frame,frameset,noframes。

    如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
    处理兼容问题有两种方式:
    1.IE8/IE7/IE6支持通过document.方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签。
    2.使用是html5shim框架
    另外,DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素,此外,还可以根据新增的结构、功能元素来加以区分。

    四、介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同

    (1)有两种, IE 盒子模型、W3C 盒子模型;
    (2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border);
    (3)区 别: IE的content部分把 border 和 padding计算了进去;

    五、对web标准以及W3C的理解与认识

    web标准,简单来说就是将页面的结构、表现和行为各自独立实现(结构、表现和行为相分离原则)。结构主要由html标签组成,通俗来讲,写入body里的各种标签都是为了页面的结构;表现指的是css样式表,通过css样式表,可以使写入body的结构标签更具有美感;行为指的是页面和用户具有一定的交互,同时页面结构和样式会发生变化,主要由js构成。
    web标准一般将三部分独立分开,使它们更加模块化。但一般产生行为时,结构和表现会发生变化,这三者之间的界限就会变模糊。

    W3C对web标准提出了规范化的要求,在实际编程中,包含一下几点:
    1.对结构的要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)
    1)标签字母要小写;
    2)标签要闭合;
    3)标签不允许随意嵌套。
    2.对css和js的要求:
    1)尽量使用外联css样式表和js脚本,使结构、表现和行为分成三块,符合规范,同时提高页面渲染速度,提高用户体验;
    2)样式尽量少用行间样式表,使结构与表现分离,标签的id和class命名要做到见文知义,标签越少,加载越快,用户体验更高,代码维护更简单,便于改版;
    3)不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性。

    相关文章

      网友评论

          本文标题:css基础特性

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