《HTML5与CSS3基础教程》读书笔记
2021-11-21 10:12:23 8 举报
AI智能生成
《HTML5与CSS3基础教程》读书笔记
作者其他创作
大纲/内容
分支主题
每条规则主要有两部分:选择器和声明块
.符号表示类名
基本用法
晚出现的优先级高
!important可以覆盖整个系统的规则,但不推荐这种用法
优先级
长度和百分数:常使用的是 em、百分数和像素
属性的值
CSS构造块
按名称选择
按类或ID选择
按上下文选择元素
选择第一个或最后一个元素
选择元素的第一个字母或者第一行
按状态选择链接元素
按属性选择
定义选择器
网页设计主要有两大类型:固定宽度和响应式,现在大多都是响应式
CSS中的宽度值的是内边距里内容区域的宽度
盒模型
block块级元素
inline行内元素
inline-block让元素显示为行内元素,但是具有块级元素的特征
none:隐藏元素
display
hidden:隐藏元素但是保留空白空间
visibility
显示类型和可见性
使用这种技术创建多栏布局
float:控制浮动的位置
clear:清除浮动效果
浮动的元素不会影响父元素的高度,但是可用通过 clearfix解决
使元素浮动
position:relative:相对定位,每个元素中都有一个自然位置,相对于这个原始位置对元素进行移动就称为相对定位
position:relative:绝对定位,指他们相对于body或最近的已定位祖先元素的精确位置
栈中定位元素:z-index最高的数显示在最上面
元素定位
overflow属性决定元素溢出盒子时的表现
处理溢出
vertical-align属性设置对齐方式
垂直对齐
cursor属性决定鼠标指针的形状
修改鼠标指针
布局
《HTML5与CSS3基础教程》
0 条评论
回复 删除
下一页