zoukankan      html  css  js  c++  java
  • No.3小白的HTML+CSS心得篇

      A--看的东西多了总会出现好多模糊不清的又长的很像的的词语 今天对此进行区别分析下

      1. align 与 text-align的区别

       align 在W3Cschool中是这样解释的  ----align 属性规定表格相对于周围元素的对齐方式。  通常来说,HTML 表格的前后都会出现折行。通过运用 align 属性,可实现其他                 HTML 元素围绕表格的效果。

       text-align  在CSS2.0中是这样解释的 ---设置或检索对象中文本的对齐方式。

       用自己的话描述就是

                        align 作为HTML标签属性使用,一般表格中应用较多

                        text-align 是 css 种的属性

    2.bgcolor与background的区别

    W3Cschool中的描述

     背景颜色(Bgcolor)

       背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

       背景(Background)

       背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。

    B--做了task1—2的体会最深的就是如何布局是这个任务的核心,先不说里面的CSS样式的设置,总结下布局问题

         1、传统的页面布局方式,其实就是使用table 表格来实现,充分利用表格单元格的原理。

         2、现在的布局都是从table演进成使用div来设置,但其布局思路是一样的,将网页的每个模块看作是table的单元格,排版思路抓住这两点:

           (1)从大到小排版

             把一个整体划分成各个小模块,细小划   套用一个词 叫 逐步求精

           (2)从左到右,从上到小排版

    C-- 继续补充

     在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素内联元素(又叫行内元素)内联块状元素

      1、块级元素特点:

        (1)每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)

        (2)元素的高度、宽度、行高以及顶和底边距都可设置。

        (3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

           常用的块状元素有

              <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

     2、内联元素特点:

        (1)和其他元素都在一行上;

        (2)元素的高度、宽度及顶部和底部边距不可设置;

        (3)元素的宽度就是它包含的文字或图片的宽度,不可改变。

         常用的内联元素有:

              <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

    3、内联块状元素特点:

      (1)和其他元素都在一行上;

      (2)元素的高度、宽度、行高以及顶和底边距都可设置

       常用的内联块状元素有:

             <img>、<input>

    三者之间的转换:

          将块级元素设置为内联元素 display:inline 

          将元素设置为内联块状元素 display:inline-block

          将内联元素转换为块状元素 display:block

  • 相关阅读:
    个人亲历运维面试
    《Kubernetes进阶实战》之管理Pod资源对象
    Docker容器必备技能 -- iptables
    vue后台管理权限正确思路
    Axios 各种请求方式传递参数格式
    Cookie的使用(js-cookie插件)
    微信小程序template模板与component组件的区别和使用
    如何机智地回答浏览器兼容性问题
    webpack系列5:源码流程,webpack编译流程
    webpack系列4:文件分析.
  • 原文地址:https://www.cnblogs.com/lanyiming/p/5296515.html
Copyright © 2011-2022 走看看