Headfirst 知识点(读完后整理为html)

来源：互联网发布：国产近视镜片品牌知乎编辑：程序博客网时间：2024/04/28 10:22

一个以上的空格会显示为一个空格

元素分类：块元素&内联元素&void

character entity: <html> -> <html>, & ->& (别漏了分号)

主页： index.html or default.html

若希望链接打开新的标签页 target="_blank" target="coffee"

子孙选择器： #id class_name{ xx:xx;}

伪类：Psedo Class: a:visited{xx:xx;}

更特定的rule胜出 -> 靠后的rule胜出（link也是）111>110 id+class+element

覆盖顺序：作者>读者>浏览器

<div>的height 决定：background-color 延伸到哪里 & 下一个block element从何处开始

div 的margin和padding border border 是否继承给子元素？不会，作用与于身（能作用于自身的rules都不会继承？）text相关的rule 会继承

float <-> clear

margin padding 顺序： up right bottom left 顺时针

<div>居中： margin-left:auto margin-right:auto

浮动式： float: right or left

绝对式： position: absolute top,bottom: px; left,right:px;

固定式： position: fixed （以浏览器窗口为准固定）

相对式： position: relative

凝胶式：margin-left-right: auto ->div将会居中

display: table-row-cell 3级

尽可能用最特定的样式，体现结构思路

伪类：p:nth-child(2n){}

单元格占两格： rowspan colspan

li{
list-style-type: square;
}

/* 表单 */

本质：一个name对应一个value

type: text radio checkbox

The two method of request:

POST: 在后台发送表单变量

GET: 表单变量追加到url的最后

0 0