HTML5与CSS3基础教程第八版学习笔记7~10章
第七章,CSS构造块
构造样式规则
为样式规则添加注释
理解继承
会被继承的CSS属性
层叠:当规则发生冲突时
属性的值
第八章,操作样式表
链接到外部样式表
<link rel="stylesheet" href="url.css">
创建嵌入样式表
应用内联样式表
样式的层叠和顺序
使用与媒体相关的样式表
第九章,定义选择器
按名称选择元素
按类或ID选择元素
按上下文选择元素
.architect > p{color:red; }
<body><h1></h1><p></p><h2></h2> </body>
h1与p是相邻同胞,h1与h2不是相邻同胞,p与h2是相邻同胞
.architect p+p{color:red; }
3、普通同胞结合符:~
h1~h2{color:red; }
选择第一个或最后一个子元素
<ul><li>1</li><li>2</li><li>3</li><li>4</li> </ul>
li:first-child{color:red; }
选择元素的第一个字母或者第一行
按状态选择链接元素
按属性选择元素
选择器 | 属性值 |
[attribute] | 匹配指定属性,不论值是什么 |
[attribute="value"] | 完全匹配指定属性值 |
[attribute~="value"] | 属性值是以空格分隔的多个单词,其中一个完全匹配指定值 |
[attribute|="value"] | 属性值以 value- 打头 |
[attribute^="value"] | 属性值以value开头,value为完整单词或单词一部分 |
[attribute$="value"] | 属性值以value结尾,value为完整单词或单词一部分 |
[attribute*="value"] | 属性值为指定值的子字符串 |
指定元素组
h1,h2{color:red; }
组合使用选择器
em{color:red; } .project em{color:red; } .architect .project em{color:red; } /* 以上实现相同效果,特殊性由低到高 */
第十章,为文本添加样式
选择字体系列
指定替代字体
创建斜体
取消斜体
应用粗体格式
设置字体大小
设置行高
同时设置所有字体值
设置颜色
设置背景
控制间距
添加缩进
对齐文本
修改文本的大小写
使用小型大写字母
装饰文本
设置空白属性
转载于:https://www.cnblogs.com/TwinklingZ/p/5299955.html
HTML5与CSS3基础教程第八版学习笔记7~10章相关推荐
- HTML5与CSS3基础教程第八版学习笔记16-21章
第十六章,表单 HTML5引入了新的表单元素.输入类型和属性,以及内置的对必填字段.电子邮件地址.URL以及定制模式验证. 元素: <input type="email"&g ...
- HTML5与CSS3基础教程(第8版) PDF扫描版
<HTML5与CSS3基础教程(第8版)>自第1版至今,一直是讲解HTML和CSS入门知识的经典畅销书,全面系统地阐述HTML5和CSS3基础知识以及实际运用技术,通过大量实例深入浅出地分 ...
- html5入门 epub,分享《HTML5与CSS3基础教程(第7版) 》(图灵程序设计丛书) pdf epub azw3格式...
<HTML5与CSS3基础教程(第7版)> pdf epub azw3格式 下载地址: https://pan.baidu.com/s/1J2LPQoV1GP90UwaFXvKPaw 内容 ...
- HTML5与CSS3基础教程(第7版) 高清PDF扫描版
HTML5与CSS3基础教程(第7版)试读不仅介绍了文本.图像.链接.列表.表格.表单.多媒体等网页元素,也介绍了如何为网页设计结构.布局,添加动态效果.格式化等形式,此外还涉及调试和发布.聚合和吸引 ...
- 《Python基础教程(第3版)》笔记:第8章异常
<Python基础教程(第3版)>笔记:异常 重点 第8章 异常 异常对象未被处理(或捕获)时,程序将终止并显示一条错误信息:traceback 每个异常都是某个类的实例, 如何创建异常 ...
- Python基础教程(第3版)》笔记:第6章抽象
Python基础教程(第3版)>笔记:第6章抽象 **斐波那契数列:**每个数都是前两个数的和. fibs = [0,1] for i in range(8):fibs.append(fibs[ ...
- PMBOK(第六版) 学习笔记 ——《第一章 引论》
系列文章目录 PMBOK(第六版) 学习笔记 --<第一章 引论> PMBOK(第六版) 学习笔记 --<第二章 项目运行环境> PMBOK(第六版) 学习笔记 --<第 ...
- 数据库系统概论(第5版)学习笔记第1章 1.2——数据模型
数据库系统概论(第5版)学习笔记第1章 1.2--数据模型 目录 数据库系统概论(第5版)学习笔记第1章 1.2--数据模型 0.思维导图(自制) 1️⃣思维导图下载 2️⃣图示 1.2数据模型 1. ...
- 《Python编程:从入门到实战》(第2版)学习笔记 第5章 if语句
[写在前面]为进一步提高自己的python代码能力,打算把几本经典书籍重新过一遍,形成系统的知识体系,同时适当记录一些学习笔记,我尽量及时更新!先从经典的<Python编程:从入门到实战> ...
最新文章
- 2022-2028年中国智能制造装备产业深度调研及投资前景预测报告
- MediaInfo+c#获取视频码率
- [iOS]关于零基础学习iOS开发的学习方法总结
- Sublime Text使用正则表达式进行替换
- Makefile之 .PHONY 作用
- 《数学之美》—统计语言模型
- Visual Studio:注释/取消注释快捷键
- 213.打家劫舍II
- 简述mysql实现递归查询的方法
- 客户需求分析工具-$APPEALS
- 计算机本地连接没有有效ip配置,本地连接没有有效的ip配置,详细教您本地连接没有有效的ip配置怎么解决...
- SQL语句进阶学习一(where、通配符、正则表达式、计算字段、数据处理函数、分组数据)
- css横排文字光影效果_css实现发光文字,以及一点点js特效
- vue不具名插槽与具名插槽
- Python多分类问题pr曲线绘制(含代码)
- 立足中国、跻身全球头部代工厂行列,华虹加速蜕变升级
- CSS【进阶】线性径向渐变background-image:linear-gradient();background-image:radial-gradient();
- 《网络安全工程师笔记》 第十二章:域
- 诉说站点优化之前一定要先分析用户的心里这样排名才能上来
- SQL server 重复数据处理 (根据条件筛选符合merge的数据)
热门文章
- Java Web学习总结(13)——JSP入门
- Visual Studio Plugins
- 仟叶学校:武汉老师最燃演讲“人生很贵,请别浪费”
- 在一个table中动态添加一行或删除一行
- 安装kilo版本openstack-dashboard时出现的python compress command not found错误解决办法
- Java虚拟机2:Java内存区域及对象
- Week8 Teamework from Z.XML-Z.XML游戏功能说明
- 结构体、类的成员对齐
- 好用的 Abyss Web Server
- jquery 地理位置 与 IP地址