《HTML5与CSS3基础教程》读书笔记
2021-11-21 10:12:23 8 举报AI智能生成
《HTML5与CSS3基础教程》读书笔记
作者其他创作
大纲/内容
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属性决定鼠标指针的形状
职业：暂无
0 条评论
下一页
