zoukankan      html  css  js  c++  java
  • css小知识点

    1.继承是CSS技术中的一项强大的功能。类似于DOM,CSS也把文档的内容视为一棵节点数。节点树上的各个元素将继承其父元素的样式属性。可继承的属性有:字体属性,列表属性,表格属性,文本属性(除text-decoration),cursor,visiblity。

    2.行内元素、块级元素、空元素

    • 行内元素:a,span,img,input ,label,textarea,sub,sup,em。。。
    • 块级元素:div,p,h1。。,ul,ol,li,dl,dt,dd,fieldset,form,table。。。
    • 空元素:input,link,img

    3.link与@import的区别

    • link是XHTML的标签,而@import是css提供的;
    • link在页面加载时加载,@import引用的css得等到页面加载完成后加载;
    • link无兼容性问题,而@import只在IE5.0以上的浏览器支持,存在兼容性问题;
    • link加载页面没有闪烁,而@import在开始加载页面的瞬间有闪烁,然后才恢复正常;
    • link加载样式的权重高于@import加载的权重;
    • link可以使用DOM去控制样式,而&import不支持这种方式;
    • @import必须置于<style>标签内。

    4.FOUC(Flash of unstyled content):文档样式短暂失效

      出现条件:

    • windows上的IE5.0版本以上;
    • IE临时文件夹中没有缓存过该页面的CSS文件;

      出现原因:

    • 使用@import导入样式表;
    • 样式表放在了页面底部;
    • 几个样式表放在文档的不同位置

      原理:当样式表晚于html加载时,当页面加载到样式表时,就会停止当前的渲染,当样式表下载、解析完成后,则重新渲染页面,就会出现短暂的花屏现象。

      解决办法:用<link>标签加载样式,并放置在<head>标签中。 

  • 相关阅读:
    四、oracle 用户管理二
    三、oracle 用户管理一
    二、oracle sql*plus常用命令
    数据库的导入导出
    一:oracle系统包—-dbms_output用法
    数据库分类
    Oracle序列号详解
    Windows 下 java(JDK)的安装和环境变量的配置
    win7安装oracle 10g时发生“程序异常终止。发生内部错误”的提示
    对数据库列的操作
  • 原文地址:https://www.cnblogs.com/webliu/p/4433482.html
Copyright © 2011-2022 走看看