css权威指南读书笔记
今天翻手机,翻到了许久之前看css权威指南时的笔记,遂移到博客中来。
1.属性选择器
p.one class名为one的p元素
p[class][name] 含有class和name属性的p元素
p[class="one"][name="two"] class属性为one且name属性为two的p元素
p[class~="one"] class属性包含one的p元素
p[class^="one"] class属性以one开头
p[class$="one"] class属性以one结尾
p[class*="one"] class属性包含one
p[class|="one"] class属性为one或以之开头
2.伪类
链接的伪类:link :visited :focus :hover :active
:lang(fr) 类似于|=,意为语言为法语的元素
3.伪元素
:first-letter
:first-line
:before {content:"前面插入的内容";color:red;}
4.特殊性值
ID # 0,1,0,0
Class 0,0,1,0
P标签名 0,0,0,1
通配符* 0,0,0,0
伪类 特殊性值没有
5.字体变形
font-variant:small-caps 小型大写字母
text-transform:uppercase 字母大写
capitalize 首字母大写
字体下载
@font-face{font-family:"name";src: url("www");}
6.文本格式
p{text-indent:3em;}段落首行缩进3字符
text-align:center;居中
word-spacing:1em文字间隔
letter-spacing:1em 字母间隔
7.DOM可见性
visibility 属性
hidden 元素不可见,但保留在文档中的位置(该属性可继承,如果要求部分子元素显示要显式声明此部分visibility:visible)
而overflow的hidden,元素不可见的同时也不会占据文档流
8.定位
Relative 相对定位元素
当发生冲突时bottom=-top值,right=-left
Absolute绝对定位元素
如果不定义height、width;left、right的值将影响元素大小(拉伸/压缩)
9.表格
Border-collapse:collapse
用于表格单元格中间空隙合并
table{border-space:1px 3px;}
表单元格之间x轴空隙1px;y轴空隙3px。
li{list-style-image:url(...);}
为列表标志改变默认样式(改用图片)
li{list-style-position:inside;}
将标志(小圆点)置于列表项内部,默认值是outside,所以我们通常看到的小圆点是在外面的
10.a标签手势
a:hover{cursor:pointer;}
该属性使得光标形状变成“手”
crosshair十字准星
11.边框轮廓
outline-style
轮廓样式,类似于元素边框,可以包在边框外面
转载于:https://www.cnblogs.com/eco-just/p/9330878.html
css权威指南读书笔记相关推荐
- mysql数据库权威指南_MySQL_MySQL权威指南读书笔记(三),第二章:MYSQL数据库里面的数 - phpStudy...
MySQL权威指南读书笔记(三) 第二章:MYSQL数据库里面的数据 用想用好MYSQL,就必须透彻理解MYSQL是如何看待和处理数据的.本章主要讨论了两个问题:一是SQL所能处理的数据值的类型:二是 ...
- HTML5权威指南----读书笔记
<!DOCTYPE html> <html> <head><meta name = 'keywords' content="HTML5权威指南--- ...
- MongoDB权威指南读书笔记——CRUD
插入并保存文档 插入是向MongoDB中添加数据的基本方法.可以使用Insert方法向目标集合插入一个文档:db.foo.insert({"bar" : "baz&quo ...
- HTTP权威指南读书笔记
<<HTTP权威指南>>读书笔记 第一部分:Web的基础 第1章:HTTP概述 主要内容 1.什么是HTTP 2.HTTP的基本组件 HTTP HTTP:HTTP(Hypert ...
- 计算机网络和http权威指南 读书笔记
计算机网络笔记 网络层 网络层向上提供无连接的,尽最大努力交付的数据报服务 网络层不提供数据质量承诺 物理层使用的中间设备叫转发器repeater 数据链路层叫网桥bridge 网络层叫路由器rout ...
- MapReduce总结 + 相关Hadoop权威指南读书笔记(未完......欢迎补充,互相学习)
文章目录 MapReduce概述 MapReduce优缺点 MapReduce核心思想 MapReduce进程 MapReduce编程规范 WordCount 案例实操 本地测试 集群测试 Hadoo ...
- 小白的《CSS权威指南》笔记(下部分)
颜色和背景 颜色 color设置前景色. 前景色 color:<color> | inherit 通过给元素添加class值,然后再通过class选择器来改变它的颜色. 替换属性 HTML ...
- HTML5权威指南读书笔记12(第21章)--创建布局postion,z-index,column-count,display:flex,box-flex、algin、pack,table
1.概述 2.定位内容的位置 <head><style type="text/css"><!--使用static和默认属性一致-->div{ p ...
- android开发读书笔记,android开发权威指南读书笔记
第17章 Fragment 1.在res目录下增加 layout-sw600dp 目录,用于存放7英寸及以上尺寸屏幕的布局文件.10英寸以上平板用 sw720dp.如果是更小的屏幕,如 480*800 ...
- java性能权威指南中文_Java性能权威指南读书笔记--之一
JIT(即时编译) 解释型代码:程序可移植,相同的代码在任何有适当解释器的机器上,都能运行,但是速度慢. 编译型代码:速度快,电视不同CPU平台的代码无法兼容. java则是使用java的编译器先将其 ...
最新文章
- 人工智能在牙科医疗领域是一片蓝海
- PATA1001A+BFormat
- css样式表实验报告,css基本样式(二)
- perl语言入门第七版中文_python和c语言哪个简单
- 【MM模块】 Goods Receipt 收货 2
- 台湾大学林轩田机器学习技法课程学习笔记4 -- Soft-Margin Support Vector Machine
- 【链表】链表变化时其中的节点变化情况
- PHP错误处理 - debug_backtrace()的用法
- chrome调试工具高级不完整使用指南(基础篇)
- mac建立sftp连接_【5分钟玩转Lighthouse】Win10远程连接同步代码
- 数据库缓存技术(转)
- 使用cocoapods install友盟时报错Error installing UMengAnalytics
- CodeForces - 95C Volleyball(建边+dij)
- sstv解码_SSTV通联活动:ISS国际空间站2020年1月30日和1月31日
- 队列 句子分析 精辟的诠释 有图片
- 代码审查(咳咳......又降温了啊....!!!!)
- spring mvc 前台属性数据的传递和后台属性数据的接收
- tesseract-ocr验证码识别
- 百度,谷歌,360,神马,必应,搜狗搜索引擎网站链接提交入口
- 计算方法(五)函数插值