HTML和CSS总结

Posted 2021-11-29 zhengyishu

html和CSS总结：

1.首先元素分为块级和内联　

(1).内联元素的宽高取决于内容，并且不能设置宽高(内联代表横向)

常见的内联的元素:span;i(em);b(strong);语义是着重强调，给第三方软件识别;(em和i在外观上都是斜体区别是em主要是做为语义标签使用，它是强调的语义)

(2).块级元素的宽高默认等于它的父元素，块级元素可以任意设置宽高(块级代表纵向排版)

常见的块级的元素:div；P

(3).每一个元素都是一个盒子；盒模型用边框围起来，分为内边距(也叫填充边距，于元素边框的内容的距离)；外边距(元素和它的外部的边框)；边框。

css｛Cascading Style Sheet的缩写译作层叠样式表单，是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言｝class 属性规定元素的类名；class 属性大多数时候用于指向样式表中的类。

html文档仅有有一个根节点，根节点就代表文档本身。

2.表格

table由tr组成，tr由td组成;

tr(行);td(单元格)(tr,td的align属性就是控制内容在单元格的对齐方式，默认向左对齐)

3.表单

 

表单用于搜集不同类型的用户输入，如；用户注册；里面包含：文本框、密码框、单选按钮、复选按钮、重置按钮、提交按钮、图片按钮、下拉列表；form元素：input(表单控件;type属性的text会呈现一个文本框)(actrion属性指名表单提交给服务器数据的集合);mrthod(get是指地址显示不隐藏；post是指地址隐藏)；maxlength属性用来控制用户输入的最大长度；size属性用来控制文本框的尺寸；name(所有表单元素都有一个名字，如果没有名字服务器无法识别到表单)

4.选择器

 

选择器分为基本选择器；上下文选择器；后代选择器；直接子代择器；相邻兄弟选择器；属性选择器；

基本选择器分为：类选择器；ID选择器；标签选择器

(1).类选择器：语法：p.*
选择P元素，并且P元素的class属性的值等于*
class属性的P元素的值等于*下的P元素

(2).ID选择器:

以文档目录树(DOM)中作为对象的唯一标识符的 ID 作为选择器

语法：E1 , E2 , E3 { sRules }

选择符分组，将同样的定义应用于多个选择符，可以将选择符以逗号分隔的方式并为组。

 

5.定位

语法：z-index : auto | number

auto(继承父元素的定位)；number（无单位的整数值，可为负数）

6.尺寸属性

 

width(宽度);height(高度);max-height (设置或检索对象的最大高度);min-height(设置或检索对象的最小高度) ;max-width(设置或检索对象的最大宽度);min-width(设置或检索对象的最小宽度)

2019.5.11