分享

如何快速熟练使用HTML和CSS | 好学邦

 灵动SEO 2018-04-19

1将HTML结构看作三个部分。

头标签是第一部分。它包含与网页的目的和信息相关的所有数据。这包括元数据,标题,外部文件来源等。一些网站还包含与网站流量分析,网页排名等有关的重要信息。所有这些都包含在该细分市场中。

接下来是Body标签。这是网页结构的主要中心。这里提到网站的线框或构建块。你在这里提到了元素和标签。根据您提到的顺序,元素会被放置在最终的网页中。

所以,例如,如果我们写一个表单标签,然后是一个图像标签;我们会发现我们的网页显示的是一张表格,下面是一张图片(但是当然这些订单和位置可以通过高级CSS进行更改)。因此,如果您手头有设计,请继续根据您的设计流程添加元素。网页的不同部分(左,右,中)必须相应处理。为此,我们有表格标签或列表标签。了解HTML中所有可用的标签类型并理解其实现。

最后是脚部分。此部分通常包含网页页脚区域中可见的所有内容。但是,我们通常不会单独包含这些内容。相反,页脚内容被附加到主体本身

了解CSS中的CSS因素,CSS或Cascading Style Sheets是由W3C引入的,目的是为了减少HTML文件的大小,获得更清晰的代码并将样式与HTML分开同步。这些只是包含在HTML头部分中的单独文件,它们包含HTML文档各个元素的样式定义。

CSS定义的样式代码包括字体行为,颜色,高度,宽度,显示样式等。它们还包括mouseover和mouse-out事件的行为定义。事实上,随着CSS3的最新入选,风格已经被提升到一个非常不同的层次。现在,您可以创建动画,转换和转换 - 全部来自CSS代码。大多数情况下,我们使用CSS来声明宽度,高度,颜色,字体等。这些是最常见的样式选项,并帮助我们定义多个HTML元素的外观和位置。

2组合或链接HTML与CSS

如果需要,请在类和ID的帮助下完成此操作。这是最常见的程序,并在互联网世界中作为主要的中风。在你的HTML文档中,当声明一个元素时,只需添加属性“class”并为其指定一个特定的名称即可。 “id”也一样。现在在你的CSS文件中,只需编写类名或id名称并定义你的样式。自动该特定元素将派生样式定义。

在用类名声明时,在CSS文件中,在前面添加一个点。对于ID,在名称前添加一个散列。这是语法。现在,最重要的部分。

那么,类和id有什么区别呢?如果它们共存,它们就不可能是相同的。是的,有很大的差异。在您的HTML文档中,您可以使用相同的类名称命名尽可能多的元素。但ID必须专注于一个单一的元素。因此,当我们需要HTML页面上的多个项目的相同样式时,会使用类,而ID仅用于样式化单个项目。

通过标签名称访问DOM(数据对象模型)元素或HTML元素。所以,如果我们想从页面中的所有图片标签中删除边框,我们只写'img'并声明'border:none'。但这将适用于文档上的所有图像标签。你可能会想,有没有办法指向一个特定的元素(例如图像标签),但是它的元素名称?是的,有一种方法。潜入下一点。


3按标签名称访问特定元素。

然而,你需要遍历他们的父元素。这有点困难吗?好的。我们举个例子吧。假设我们有一个表单元素,然后在其中有一个输入元素。我们也有表单之外的输入元素,例如只是流浪的元素。所以,现在如果我们按照上面的说法对输入元素声明一些样式,这些样式应该在表单内部和外部的输入元素上实现。一世

如果我们希望样式只在表单内的元素上实现,我们可以这样做 - 表单输入{/ *在这里声明样式* /}。因此,请注意我们如何访问我们想要特别设置样式的输入元素。首先是父母,然后是主要元素。以这种方式,外部输入元素被丢弃。

给自己时间学习。成为编程的老手可能需要相当长的时间。但是这里有一些主题可以帮助您快速理解基本方法和设计标准HTML页面。


学会正确地打破你的网页设计结构。了解您的可用标签,并了解如何使用它们将网页分解为最简单的结构。

知道CSS Box模型非常重要。理解元素的宽度和高度是第一步。但在此之后,您必须学习如何通过填充和边距来调整间距。有些情况下利润率不适用。因此您必须使用填充,反之亦然。尝试找出它们究竟是什么以及它们是如何使用的。

了解浮动物及其用途。 CSS float是造型的另一个非常重要的方面。浮动内容左右在网站结构中起着重要作用。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多