

首页  思维导图  详情



《HTML5与CSS3基础教程》读书笔记

2021-11-21 10:12:23   8  举报





AI智能生成

HTML

CSS

前端技术

模版推荐

作者其他创作

大纲/内容

CSS构造块

基本用法

每条规则主要有两部分：选择器和声明块

分支主题

.符号表示类名

分支主题

优先级

晚出现的优先级高

！important可以覆盖整个系统的规则，但不推荐这种用法

属性的值

inherit,表示集成父元素的值

长度和百分数：常使用的是 em、百分数和像素

定义选择器

按名称选择

分支主题

按类或ID选择

分支主题

按上下文选择元素

分支主题

选择第一个或最后一个元素

选择元素的第一个字母或者第一行

按状态选择链接元素

分支主题

按属性选择

布局

网页设计主要有两大类型：固定宽度和响应式，现在大多都是响应式

盒模型

认为每个元素都包含在一个不可见的盒子里。由内容区域、内容区域周围的空间（内边距，padding）、内边距的外边缘（边框,border）和边框外面将元素与相邻元素隔开的不可见区域（外边距，margin）构成

分支主题

CSS中的宽度值的是内边距里内容区域的宽度

显示类型和可见性

display

block块级元素

inline行内元素

inline-block让元素显示为行内元素，但是具有块级元素的特征

none:隐藏元素

visibility

hidden:隐藏元素但是保留空白空间

使元素浮动

使用这种技术创建多栏布局

float:控制浮动的位置

clear:清除浮动效果

浮动的元素不会影响父元素的高度，但是可用通过 clearfix解决

元素定位

position:relative:相对定位，每个元素中都有一个自然位置，相对于这个原始位置对元素进行移动就称为相对定位

position:relative:绝对定位，指他们相对于body或最近的已定位祖先元素的精确位置

栈中定位元素：z-index最高的数显示在最上面

处理溢出

overflow属性决定元素溢出盒子时的表现

垂直对齐

vertical-align属性设置对齐方式

修改鼠标指针

cursor属性决定鼠标指针的形状

 Collect

Get Started

精通HTML5 + CSS3+JavaScript网页设计

 Collect

Get Started

web前端 HTML5 CSS3 HTML CSS

 Collect

Get Started

HTML5

 Collect

Get Started

Html5





0 条评论

下一页