CSS层叠样式表

HTML主要控制内容

CSS主要控制格式。

样式表是用来指定样式信息的句法机制。

之所以将CSS称为层叠样式表,是因为它可以在3个层次上进行定义。

内联样式表

内联样式表位于开始标签中,其设置只对该元素起作用

文档样式表

文档样式表位于文档的头部区域,能够作用于文档的整个主体。

文档样式表的说明是作为一个<style>元素对的内容出现的。

语法格式为 选择器 {一组属性值对}

例如:


外部样式表

外部样式表可以独立创建为一个文本文件,标签<link>用于指定外部样式表。

例如:

<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css"> </link>


/*      */ 是CSS注释


选择器:


1.最简单的选择器就是单元素名称

2.类选择器

类选择器用于为同一个标签的不同实例指定不同的样式说明。class这个特性

<p class="normal">xxxxxxxxxxxxxxxxxxxx

</p>

<style>

p.normal {property-value list}

</style>

3.通用选择器

不管什么元素,只要他有class="normal",则应用样式

.normal {property-value list}

4.id选择器

限定于某个特殊的id

5.上下文选择器

后代选择器 ol li 空格

子元素选择器 ol >li 大于号

6.伪类选择器

伪类是一种当某种事件发生时才能够发挥作用的样式。

例如:

当鼠标放到h3元素上时被应用。

h3:hover {}

7. * 通配选择器。



使用firebug可以进行CSS的实时查看和编辑


转载于:https://www.cnblogs.com/lineuman/p/6775897.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/254999.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

对X264/FFMPEG架构探讨---感觉不错

3. FFMPEG架构分析FFMPEG是目前被应用最广泛的编解码软件库&#xff0c;支持多种流行的编解码器&#xff0c;它是C语言实现的&#xff0c;不仅被集成到各种PC软件&#xff0c;也经常被移植到多种嵌入式设备中。使用面向对象的办法来设想这样一个编解码库&#xff0c;首先让人想…

如何快糙好猛的使用Shiqi.Yu老师的公开人脸检测库(附源码)

前言 本次编写所用的库为于仕祺老师免费提供的人脸检测库。真心好用&#xff0c;识别率和识别速度完全不是Opencv自带的程序能够比拟的。将其配合Opencv的EigenFace算法&#xff0c;基本上可以形成一个小型的毕业设计。&#xff08;我是学机械的啊喂&#xff01;&#xff01;&a…

SQL语句增加字段、修改字段、修改类型、修改默认值

--一、修改字段默认值alter table 表名 drop constraint 约束名字 ------说明&#xff1a;删除表的字段的原有约束alter table 表名 add constraint 约束名字 DEFAULT 默认值 for 字段名称 -------说明&#xff1a;添加一个表的字段的约束并指定默认值--二、修改字段名&#…

node+koa2+mysql搭建博客后台

本文将详细讲解使用nodekoa2mysql搭建博客后台的全过程。 开发环境 node 8.3.0及以上npm 5.3.0及以上mysql 5.7.21具体的环境配置可查看我的上一篇文章 准备工作 npm下载pm2(进程守护)&#xff0c;并设置全局变量创建博客需要的数据库与表 开启mysql并创建数据库test: create d…

ffmpeg使用x264编码的配置+ ffmpeg与 x264编码器参数完整对照表

ffmpeg使用x264编码的配置 ffmpeg与 x264编码器参数完整对照表 分类&#xff1a; 多媒体 2010-07-13 11:31 1072人阅读 评论(0) 收藏 举报 转载自&#xff1a;扶凯[http://www.php-oa.com] 本文链接: http://www.php-oa.com/2009/03/09/ffmpeg_x264.html 转帖:http://rhinghear…

javascript之变量

定义变量方式有var&#xff0c;let&#xff0c;const&#xff0c;变量的类型是根据变量的值来确定&#xff0c;变量的名称跟大多数语言一样&#xff0c;包含数字字母_$,不能以数字开头且区分大小写。 var 最早的定义变量的方式&#xff0c;可重复定义,但请避免这样做。 var a …

Maven理解

2019独角兽企业重金招聘Python工程师标准>>> Maven概念 参考maven入门 冰河winner Maven作为一个构建工具&#xff0c;不仅能帮我们自动化构建&#xff0c;还能够抽象构建过程&#xff0c;提供构建任务实现;它跨平台&#xff0c;对外提供了一致的操作接口&#xff0…

HALCON示例程序measure_circles.hdev测量圆的半径

HALCON示例程序measure_circles.hdev测量圆的半径 示例程序源码&#xff08;加注释&#xff09; 关于显示类函数解释 dev_update_off () read_image (Image, ‘circle_plate’) get_image_size (Image, Width, Height) dev_close_window () dev_open_window (0, 0, Width / 2…

OpenTLD 未完成 - 虎头

TLD是一种算法的简称&#xff0c;原作者把它叫做Tracking-Learning-Detection。搞视觉的人看到这个名字都会吓一跳&#xff0c;很ambitious的计划。是09年的工作&#xff0c;不算太久&#xff0c;不过也不太新。网上关于这个的资源其实很多&#xff0c;很大程度和作者开放源代码…

C# FileSystemWatcher 在监控文件夹和文件时的用法

********************************************************************************** 第一个文章: ********************************************************************************** 概述 最近学习FileSystemWatcher的用法,它主要是监控一个文件夹,当文件夹内的文件要…

比微软kinect更强的视频跟踪算法--TLD跟踪算法介绍

TLD (Tracking-Learning-Detection)是英国萨里大学的一个捷克籍博士生在其攻读博士学位期间提出的一种新的单目标长时间&#xff08; long term tracking &#xff09;跟踪算法。该算法与传统跟踪算法的显著区别在于将传统的跟踪算法和传统的检测算法相结合来解决被跟踪目标在被…

HALCON示例程序measure_circuit_width_lines_gauss.hdev电路板线宽检测

HALCON示例程序measure_circuit_width_lines_gauss.hdev电路板线宽检测 示例程序源码&#xff08;加注释&#xff09; 关于显示类函数解释 dev_update_off () dev_close_window () read_image (Image, ‘pcb_color’) get_image_size (Image, Width, Height) dev_open_window…

一张图看懂混合云数据同步一站式解决方案

摘要&#xff1a; 针对不同数据库间数据实时同步难的问题&#xff0c;日前&#xff0c;阿里云宣布推出混合云数据同步一站式解决方案&#xff0c;便于广大云产品用户实现实时数据同步的混合云支持&#xff0c;更为方便的是&#xff0c;该功能让本地Oracle也能实现与云上数据库的…

分布式性能测试

Jmeter分布式测试 在使用Jmeter进行性能测试时&#xff0c;如果并发数比较大(比如最近项目需要支持1000并发)&#xff0c;单台电脑的配置(CPU和内存)可能无法支持&#xff0c;这时可以使用Jmeter提供的分布式测试的功能。 一、Jmeter分布式执行原理&#xff1a; 1、Jmeter分布式…

互斥锁pthread_mutex_t的使用

1. 互斥锁创建 有两种方法创建互斥锁&#xff0c;静态方式和动态方式。POSIX定义了一个宏PTHREAD_MUTEX_INITIALIZER来静态初始化互斥锁&#xff0c;方法如下&#xff1a; pthread_mutex_t mutexPTHREAD_MUTEX_INITIALIZER; 在LinuxThreads实现中&#xff0c;pthread_…

无效设备解决办法

touch /etc/ini.d/FirstLoadkill 杀死枪弹柜程序 或重启reboot转载于:https://www.cnblogs.com/yygsj/p/5634384.html

HALCON示例程序measure_grid.hdev使用XLD分割键盘轮廓

HALCON示例程序measure_grid.hdev使用XLD分割键盘轮廓 示例程序源码&#xff08;加注释&#xff09; 关于显示类函数解释 dev_update_off () read_image (Image, ‘keypad’) get_image_pointer1 (Image, Pointer, Type, Width, Height) dev_close_window () dev_open_window…

[BZOJ3992]序列统计

DP一下&#xff0c;设$f_{i,j}$表示生成$i$个数且乘积$\%Mj$的方案数&#xff0c;则$f_{i1,l}\sum\limits_{jk\%Ml}[k\in S]f_{i,j}$ 我们很不希望DP式中下标的位置出现乘法&#xff0c;因为这样不好转移&#xff0c;考虑把乘法换成加法 因为模数$M$是质数&#xff0c;所以它有…

socket,TCP/IP的理解(转)

TCP/IP 要想理解socket首先得熟悉一下TCP/IP协议族&#xff0c; TCP/IP&#xff08;Transmission Control Protocol/Internet Protocol&#xff09;即传输控制协议/网间协议&#xff0c;定义了主机如何连入因特网及数据如何再它们之间传输的标准&#xff0c; 从字面意思来看TCP…

最小中间和

题目描述 给定一个正整数序列a1,a2,...,an&#xff0c;不改变序列中的每个元素在序列中的位置&#xff0c;把它们相加&#xff0c;并用括号记每次加法所得的和&#xff0c;称为中间和。编程&#xff1a;找到一种方法&#xff0c;添上n-1对括号&#xff0c;加法运算依括号顺序进…