《css权威指南》笔记

1.根据元素属性来选择元素
例如:p[name]{ }
2.选择子元素
使用子结合符,>
3.选择相邻兄弟元素
相邻兄弟结合符+
注：用一个结合符只能选择两个相邻兄弟中的第二个元素如果写作li+li{ },只会对各列表项中的第二个和第三个列表项起作用，第一个列表项将不受影响
4.伪类选择器
链接伪类 :link 指示作为超链接
:visited 指示作为已访问地址超链接的所有锚
动态伪类:focus 获取输入焦点
:hover 指示鼠标指针停留在哪个元素上
:active 指示被用户输入激活的元素
伪类的顺序 link-visited-hover-active
注：Windows平台的Internet Explorer在IE6之前只允许动态伪类选择超链接，而不允许选择其他元素。IE7支持对所有元素都能应用:hover,但是不支持对表单元素应用:focus样式
选择第一个子元素 :first-child
注：Windows平台的Internet Explorer在IE6之前不支持:first-child,不过IE7支持

设置之前和之后元素的样式  :before   :after

5.文本
（1）缩进文本text-indent 继承
(2)水平对齐 text-align
(3)垂直对齐 line-height
(4)垂直对齐文本 vertical-align 适用于行内元素和表单元格
(5)文本修饰text-decoration underline//下划线
(6)文本阴影 text-shadow
6.边距
正常流中一个块元素的margin-top或margin-bottom设置为auto，他会自动计算为0.说明，如果将一个元素的上、下边距设置为auto，实际上他们都会重置为0，是元素没有外边距。
7.display
run-in元素块/行内元素混合，可以使某些块级元素成为下一个元素的行内部分。
注：只有当run-in框后面是一个块级框时run-in才起作用，如果不是，run-in框本身将成为块级框
8.盒子模型
IE width=元素内容区+左右外边距+左右边框
标准盒模型 width=元素内容+左右内边距+左右外边距+左右边框
9.背景图
背景图不受滚动的影响 background-attachment可以声明原图像相对于可视区是固定的(fixed)
原图像的放置由可视区的大小确定
10.浮动和定位
定位：position 值：static 正常文档流
relative 元素框偏离某个距离，元素仍保持其未定位前的形状，原本空间仍保留
absolute 元素框从文档流完全删除，并相对于其包含块定位。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框
fixed 元素框的表现类似于将position设置为absolute，不过其包含块是视窗本身
inherit
11.表格
表单元格边框 border-collapse 合并边框模型
border-separate 分隔边框模型
border-spacing 边框间隔
12.列表
（1）列表标志位置 list-style-position 值：inside outside（默认）
（2）插入生成内容用:before 例如：a[href]:before { content: “(link) “;}
注：如果:before或:after选择器的主体是块级元素，则display属性只接受值none、inline、block和marker。其他值都处理为block
如果:before或:after选择器的主体是一个行内元素，属性display只能接受值none和inline。所有其他值都处理为inline
13.用户界面
设置轮廓样式 outline-style 值：none|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit
轮廓宽度 outline-width 值：thin|medium|thick|inherit|
轮廓颜色 outline-color
分页 page-break-before page-break-after

《css权威指南》笔记相关推荐

《信贷的逻辑与常识》笔记
序银行信贷风险管理的反思现状与趋势银行贷款的质量变化与经济周期.宏观调控政策等存在很高的相关性现在银行不良贷款的增加主要是前几年经济快速增长时企业过度投资.银行过度放贷所带来的结果. 从历史情 ...
AI公开课：19.02.27周逵(投资人)《AI时代的投资逻辑》课堂笔记以及个人感悟
AI公开课:19.02.27周逵(投资人)<AI时代的投资逻辑>课堂笔记以及个人感悟目录课堂PPT图片精彩语录个人感悟课堂PPT图片精彩语录更新中-- 文件图片已经丢失-- ...
人工智能入门算法逻辑回归学习笔记
逻辑回归是一个非常经典的算法,其中也包含了非常多的细节,曾看到一句话:如果面试官问你熟悉哪个机器学习模型,可以说 SVM,但千万别说 LR,因为细节真的太多了. 秉持着精益求精的工匠精神不断对笔记进行 ...
【逻辑回归学习笔记】
算法描述 1.逻辑回归要做的事就是寻找分界面实现二分类. 2.问题假设:对一堆三角形和正方形分类. 3.数据输入:已知正方形和三角形的坐标和标签. 4.算法过程: 知识储备 1.分类和回归 ①分类的目 ...
逻辑回归函数学习笔记
继续逻辑回归学习,今日笔记记录. 1.逻辑回归和线性回归的关系:对逻辑回归的概率比取自然对数,则得到的是一个线性函数,推导过程如下. 首先,看逻辑回归的定义其次,计算两个极端y/(1-y),其值为( ...
2.2 逻辑回归-机器学习笔记-斯坦福吴恩达教授
逻辑回归上一节我们知道,使用线性回归来处理 0/1 分类问题总是困难重重的,因此,人们定义了逻辑回归来完成 0/1 分类问题,逻辑一词也代表了是(1) 和非(0). Sigmoid预测函数在逻辑 ...
LVM逻辑卷分区笔记
磁盘的静态分区有其缺点:分区大小难评估,估计不准确,当分区空间不够用的时候,系统管理员可能需要先备份整个系统,清除磁盘空间,然后重新对磁盘进行分区,然后恢复磁盘数据到新分区,且需要停机一段时间进行恢复 ...
适合理工直男的钟平老师逻辑英语学习笔记
一切的一切都只是套路! --鲁迅核心公式: En: (状语1) 主(定语1) 谓(状语2) (宾)(定语2) (状语1) Ch: (状语1) (定语1)主 (状语2)谓 (定 ...
【数字逻辑】学习笔记第四章 Part2 常用组合逻辑电路与竞争、险象
文章目录一.常用组合逻辑电路 1. 译码器 (1) 二进制译码器 74LS138(3/8译码器) a. 一般符号和图形符号 b. 74LS138功能表 c. 两片 `74LS138` 构成 `4-1 ...
线性回归、逻辑回归学习笔记
学习源代码 import numpy as np import matplotlib.pyplot as plt def true_fun(X): # 这是我们设定的真实函数,即ground trut ...

《css权威指南》笔记

《css权威指南》笔记相关推荐

最新文章

热门文章