HTML和CSS的总结(二)

193 阅读2分钟

HTML和CSS总结(二)

[TOC]

HTML知识

  • HTML:是超文本标记语言

  • CSSS:层叠样式表

  • JavaScript: 动态效果

  • HTTML的注释:ctrl+/\

HTML的标签属性:

  • 标签的属性写在开始标签
  • 标签可以同时存在多个属性
  • 属性之间通过空格隔开
  • 标签名与属性之间必须通过空格隔开
  • 属性没有顺序之分

HTML的标签关系:

  • 父子关系 嵌套关系
  • 兄弟关系 并列关系

排版标签

  • 标题标签:h1~h6 特点:文字都加粗,独占一行代码

  • 段落标签:p标签 特点:段落之间有间隙 ,独占一行代码

  • 水平线标签:hr标签 特点:单标签 作用:在网页显示水平线

  • 换行标签 : br标签: 作用:强制换行 单标签

  • 文本格式化标签:

    ​ b:加粗 u:下划线 i:倾斜 s:删除线

    ​ 语义

    ​ strong :加粗 ins:下划线 em :倾斜 del:删除线

三个组成部分

  • html+CSS+JavaScript

  • 网页基本组成部分

  • 文字、音频、视频、链接、图片


表单标签

​ 文本框:

<input type="text" placeholder="占位符" value="用户输入层数据" >

密码框:

<input type="password"  value="用户输入密码" name="name">

单选框:

<input type="radio" value="" checked="checked">

多选框:

<input type="checkbox" name="" id="">

CSS的基础选择器: 、

类选择器、ID选择器、标签选择器、后代选择器

​ 类选择器:

​ 结构:类名{ css }

​ 作用:找到页面的类名的样式,设置样式

​ 注意点:所有标签有类名,class属性

​ 类名的规则:由数字、下划线、中划线、字母组成,但是不能以数字或者中划线开头

​ 一个类选择器可有许多标签

Id选择器:

​ 结构: id名{css}

​ 作用:找到页面的id名的样式,设置样式

​ 注意点:id是身份号码,在页面只有唯一的,不可重复

标签选择器:

​ 结构: 标签名{css}

​ 作用:找到页面的标签名的样式,设置样式

​ 注意点:找到某一类标签,不能找一个标签

类选择器、ID选择器