• 《网页设计与制作》学习进度


    一、HTML5网页基本结构:
    1、HTML5文档基本格式:HTML5文档的基本格式主要包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记

    2、HTML5语法:

    (1)标签不区分大小写

    HTML5采用宽松的语法格式,标签可以不区分大小写,这是HTML5语法变化的重要体现。例如:<p>这里的p标签大小写不一致</P>

    (2)允许属性值不使用引号

    (3)允许部分属性值的属性省略

    3、HTML标记及标记属性

    HTML标记:在HTML页面中,带有“ < > ”符号的元素被称为HTML标记,<html>、<head>、<body>都是HTML标记,将HTML标记分为三大类,分别是“双标记”、“单标记”、“注释标记”

    标记属性:其基本语法格式如下:

    <标记名 属性1="属性值1" 属性2="属性值2" …> 内容</标记名>

    <h1 align="center" >标题文本<h1>

    (其中align为属性名,center为属性值,表示标题文本居中对齐,对于标题标记还可以设置文本左对齐或右对齐,对应的属性值分别为left和right。如果省略align属性,标题文本则按默认值左对齐显示)

    4、HTML5文档头部相关标记:在<head>标记内

    二、HTML5的常用基本标记:

    1、文本控制标记:(1)标题和段落标记

                                   (2)文本格式化标记

                                   (3)特殊字符标记

    2、图像标记:(1)常用图像标记

                            (2)图像标记<img/>

                            (3)绝对路径和相对路径

    3、链接标记:(1)创建超链接

                            (2)锚点链接

    三、HTML5页面元素:(1)列表元素

                                         (2)结构元素

                                         (3)分组元素

                                         (4)页面交互元素

    四、CSS基本选择器

    1、CSS样式规则:

    具体格式如下:选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

    具体规则如下:

     CSS样式中的选择器严格区分大小写,属性和值不区分大小写,按照书写 习惯一般将“选择器、属性和值”都采用小写的方式;

     多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可 以省略,但是,为了便于增加新样式最好保留;

     如果属性的值由多个单词组成且中间包含空格,则必须为这个属性值加 上英文状态下的引号;

     在编写CSS代码时,为了提高代码的可读性,通常会加上CSS注释

    2、标记选择器

    3、类选择器

    4、id选择器

    五、CSS复合选择器

    1、交集选择器

    2、合集选择器

    3、后代选择器

    六、CSS3高级

    选择器:(1)CSS3属性选择器

                   (2)关系选择器

                   (3)伪类及伪元素选择器

    属性:(1)CSS3的变形属性

               (2)CSS3的过渡属性

  • 相关阅读:
    The Mac Application Environment 不及格的程序员
    Xcode Plugin: Change Code In Running App Without Restart 不及格的程序员
    The property delegate of CALayer cause Crash. 不及格的程序员
    nil localizedTitle in SKProduct 不及格的程序员
    InApp Purchase 不及格的程序员
    Safari Web Content Guide 不及格的程序员
    在Mac OS X Lion 安装 XCode 3.2 不及格的程序员
    illustrate ARC with graphs 不及格的程序员
    Viewing iPhoneOptimized PNGs 不及格的程序员
    What is the dSYM? 不及格的程序员
  • 原文地址:https://www.cnblogs.com/cnn-ljc/p/15450722.html
Copyright © 2020-2023  润新知