zoukankan      html  css  js  c++  java
  • 关于网页制作初步二

    前面也说了做这方面需要自己多花时间,很多的内容有些时候做起来是比较难的。

    下面来说说稍稍有点难度的地方-------------------------

    首先是层叠和继承

    继承是指应用在某个标签元素上的css属性专递给内部嵌套的标签,

    通常来说文本类的会被继承如字体,字号,颜色等。

    在谷歌浏览器中灰色的表示未被继承。

    层叠是指一个标签可能有一个或多个样式的来源,

    当属性发生冲突时按照加载顺序和权重大小去决定。

    当属性不发生冲突时按照加载循序同时去作用,当顺序不发生冲突时按照加载对比权重。

    当权重相同时,后者覆盖前者,当权重不同时,权重大的生效。

    层叠这个需要自己用代码去试试,这样才能理解其真正的含义。

    其次是熟记,硬背方面,多多下功夫

    比如说我们必须要记住css中五大内容,分别是字体,文本,边框,背景,列表。(后面需要自行取值)

    字体大小font-size:();

    文本居中text-align:center;

    去掉下滑线text-decoration:();

    文本行高line-height:();

    边框border:(边框线大小)空格(边框线虚线实线等)空格(颜色);

    边框角幅度border-radius;这个取值可以有一到四个,分别对应上中左右,这个需要自己翻翻书籍去看看。

    背景background(url(“加载的图片路径”))空格( 平铺方式)空格(位置定位);

    去掉无序列表前面的点list-style:none;

    上面所说的都是很常见的。需要记住引用

     最后是位置定位

    位置定位是有一点的难度,需要灵活的运用,相对和绝对定位。

    绝对定位:它会脱离常规文档流,离他最近的非静态的作为基点,并且不会占据原来的位置。

    相对定位:相对于自己原来的位置进行移动,并且会占据原来的位置。

    这个运用的时候往往是比较的模糊的,需要自己对网页的认识,合理的去运用它。

    以上就是本人觉得有用的小知识,多练去理解。

  • 相关阅读:
    起点中文网小说爬取-etree,xpath,os
    拉勾网爬虫--待改正
    破解有道词典翻译-版本二
    pycharm错误:11001
    自动化selenium 测试之道(一)
    valgrind 详细说明
    sar命令使用详解
    Linux CPU实时监控mpstat命令详解
    Linux IO实时监控iostat命令详解
    RPM安装命令总结
  • 原文地址:https://www.cnblogs.com/dy105525/p/7674798.html
Copyright © 2011-2022 走看看