第四章笔记css

第四章 初识CSS
1.CSS(层叠样式表)
2.CSS语法
选择器{
属性名1:属性值1;
属性名2:属性值2;
}
3.引用CSS的三中方式
第一种: 行内样式
例: <a style="color:red;">内部样式</a>
第二种: 内部样式
在head标签中,写入style标签.
例:
<head>
......
<style type="text/css">
h1{
......
}
</style>
</head>
第三种: 外部样式
使用步骤:
a) 创建一个以.css为后缀的文件(css文件)
b) 在html中通过link引入css文件
<link rel="stylesheet" href="css文件路径"/>
4.基本选择器
4.1 标签选择器
标签名{}
4.2 类选择器
.class属性值{}
4.3 id选择器
#id属性值{}
5.层次选择器
5.1 后代选择器
父元素 子元素{}
5.2 子选择器
父元素>子元素{}
5.3 相邻兄弟选择器
本元素+相邻兄弟元素{}
5.4 通用兄弟选择器
本元素~兄弟元素{}
6.结构伪类选择器
E F:first-child{} //第一个子元素
E F:last-child{} //最后一个子元素
E F:nth-child(?){} // ?表示第几个子元素,还可以使odd奇数,even偶数
E F:first-of-type{} //指定类型的第一个元素
E F:last-of-type{} //指定类型的最后一个元素
E F:nth-of-type(?){} //?表示指定类型第几个子元素
注意:
E F:nth-child(n)在父级里从一个元素开始查找,不分类型.
E F:nth-of-type(n)在父级里先看类型,再看位置.
7. 属性选择器
E[attr] //具有属性attr的元素
E[attr=val] //属性attr的值是val的元素
E[attr^=val] //属性attr的值以val开头的元素
E[attr$=val] //属性attr的值以val结尾的元素
E[attr*=val] //属性attr的值包含val的元素

时间: 2024-10-16 17:14:38

第四章笔记css的相关文章

linux基础学习 第二章-第四章笔记

第二章 ####linux系统结构#### linux系统结构是倒树形 /bin        ###二进制可执行文件也就是系统命令 /sbin       ###系统管理命令存放位置 /boot       ###启动分区,负责系统启动 /dev        ###设备管理文件 /etc        ###大多数系统管理文件 /home       ###普通用户的家目录 /lib        ###32位系统库文件存放位置 /lib64      ###64位系统库文件存放位置 /me

第四章笔记

选择结构(二) 学习本章会用到的单词: case:实例,情形,情况 switch:转换,切换,开关 default:系统默认值,违约,预设.缺省 exit:出口,通道,退出 consume:消耗,耗费, exception:例外,除外,异议 switch选择结构 语法:switch(表达式){ case 常量 1: //代码块1:   break:  case 常量 2: //代码块2: break:    ......  default: //代码块n: break: } 注意!每个case后

《Android深度探索》卷1 第四章笔记 1314 王宁

一.Android结构包括设备驱动和源代码结构 二.安卓常用驱动包括键盘以及控件屏幕驱动(电容和电阻).蓝牙驱动.EAC音效.SD/TF存储卡.camera驱动.DM09000网络驱动.MTD.RTC.WLAN驱动,framebuffer. 三.配置Android源代码下载环境步骤: 1.创建一个存放下载脚本的文件目录. 2.下载repo脚本. 3.创建存放Android源代码的目录. 4.开始初始化. 5.下载Android源代码. 四.在android内核配置中包括了kconfig文件,它是

第四章-初识css

1.CSS(层叠样式表) 2.CSS语法 选择器{ 属性名1:属性值1; 属性名2:属性值2; } 3.引用CSS的三中方式 第一种: 行内样式 例: <a style="color:red;">内部样式</a> 第二种: 内部样式 在head标签中,写入style标签. 例: <head> ...... <style type="text/css"> h1{ ...... } </style> </

第四章 初始CSS

一.引入样式 1.行内样式表 <h1 style="color: red;font-size: 18px;">10-30</h1> 2.内部样式表(在head标签里面,title标签下面) <style type="text/css"> h2{ color: yellow; font-size: 20px; } </style> 优点 方便在同页面中修改样式 缺点 不利于在多页面间共享复用代码及维护,对内容与样式的分离

第十四章笔记 设备访问

####设备的访问####1.设备识别/dev/xdxn         #硬盘设备/dev/sda1/dev/cdrom             #光驱/dev/mapper/*        #虚拟设备 ###设备的发现###fdisk -l         #查看真实存在的设备 cat /proc/partitions    #系统能够识别的设备 blkid             #系统能够挂载使用的设备id df             #查看设备被系统使用的情况 a ###设备的使用

core java 第四章笔记

import java.util.*; public class Employee { private static int nextid = 1; private String name; private double salary; private int id; public Employee(String n,double s) { name = n; salary = s; id = 0; } public String getname() { return name; } publi

【读书笔记】第四章 瞬时响应:网站的高性能架构

第四章 瞬时响应:网站的高性能架构 4.1 网站性能测试 4.1.1 不同视角下的网站性能 1.用户角度:网站响应速度快还是慢2.开发人员:关注系统本身及其子系统的性能,响应时间,吞吐量,并发能力,稳定性等指标.3.运维人员:关注基础设施和资源利用率,比如贷款能力,服务器配置,数据中心网络架构等. 4.1.2 性能测试指标 1.响应时间 下表是一些常用的系统操作所需要的响应时间 2.并发数:系统能够同时处理的请求数目3.吞吐量:单位时间内,系统处理的请求数量(注意与并发数区分).TPS(每秒事务

Java 线程第三版 第四章 Thread Notification 读书笔记

一.等待与通知 public final void wait() throws InterruptedException 等待条件的发生. public final void wait(long timeout) throws InterruptedException 等待条件的发生.如果通知没有在timeout指定的时间内发生,它还是会返回. public final void wait(long timeout, int nanos) throws InterruptedException