-
前端CSS基础
2020-08-09 22:37:251.外部样式表(方便重复使用和维护) css代码是独立的一个文件,通过link引用 2.内部样式表(不方便后期维护) 里面加3.行内样式表 直接在某个标签的起始标签里面用style属性写css代码 三、CSS术语 1、CSS规则 CSS...CSS基础
一、css 的定义
CSS:(cascading style sheets)(层叠样式表)定义网页的样式——页面表现的基础、控制布局、控制元素的渲染。
二、HTML如何引入css样式表
1.外部样式表(方便重复使用和维护)
css代码是独立的一个文件,通过link引用2.内部样式表(不方便后期维护)
里面加3.行内样式表
直接在某个标签的起始标签里面用style属性写css代码三、CSS术语
1、CSS规则
CSS代码由多个规则组成 ,每个规则指定了对哪些元素用什么样式
书写格式:选择器{声明块} 声明块=声明+声明(多个声明构成)
比如:
定义h1的样式:字体16像素,颜色红色。2、常见的CSS选择器
选择器——决定了样式规则适用于哪些元素。
(1)元素选择器 标签名{声明块} p{color: red;}
(2)类选择器 .类名{声明块} .hh{color: blue;}
(3)id选择器 #id值{声明块} #bb{color: yellow;}
在同一个HTML文档中,元素的id属性值是唯一的
(4)子级选择器 父元素>子元素 div>p{color: red;}
(5)后代选择器 父元素 子元素(中间是一个空格)div p{color: red;}3、常见CSS属性
color 颜色
text-align 元素内容对齐方式
font-size 字体大小
font-weight 文字粗细
background-color 背景颜色
background-img 背景图片4、声明冲突
多个选择器,选中同一个标签,属性名相同,但是属性值不同,就会发生声明冲突。(发生声明冲突,浏览器自动触发层叠机制)5、层叠机制
层叠过程:
(1)比较优先级:优先级低的淘汰,高的胜出。
优先级与来源和重要性有关(2)比较特殊性:特殊性低的淘汰,高的胜出。
声明的特殊性取决于规则适用范围的大小,范围大,特殊性小,反之越大。行内选择器>id选择器>类选择器>元素选择器>通配符选择器
伪内选择器>类选择器 伪元素选择器>元素选择器具体规则:
在比较特殊性时,每次冲突会产生4个数字(A B C D),以比较特殊性。
A越大,特殊性越高,若A相等,比较B,B越大,特殊性越高,以此类推A:声明是行内选择器,则为1,否则为0.
B:id选择器的个数
C:类选择器、伪类选择器、属性选择器的个数
D:元素选择器、伪元素选择器个数组合选择器要分开计算。
(3)比较源次序:源次序靠前的淘汰,靠后的胜出。
谁后写,谁胜出6、继承(inherit)
子元素自动拥有父级的某些(大部分文本类样式)css属性
background-color不继承
继承有传递性
适用场景:
(1)该属性可以继承 (2)该属性没有被声明(定义)强制继承:
也叫作显式继承,是指将css属性值设置为inherit(background-color:inherit)
(为了继承不可以继承的属性、为了继承被声明过的属性)END今天的分享就到这里,谢谢大家
-
HTML开发王
2013-01-03 11:33:097.5.3 链接到外部样式表 7.5.4 使用link元素说明文档集合关系 7.5.5 链接到文档的替代版本 7.5.6 链接到文档的版权声明 7.5.7 链接到文档的帮助 7.5.8 链接到文档中的书签 7.6 link元素和搜索引擎 7.7 定义基准地址... -
[HTML开发王].张亚飞.扫描版
2011-09-13 12:45:047.5.3 链接到外部样式表 7.5.4 使用link元素说明文档集合关系 7.5.5 链接到文档的替代版本 7.5.6 链接到文档的版权声明 7.5.7 链接到文档的帮助 7.5.8 链接到文档中的书签 7.6 link元素和搜索引擎 7.7 定义基准地址... -
xml入门经典-part3(中文版)
2010-01-27 11:38:059.3 XSLT 样式表结构 9.3.1 创建模板 9.3.2 处理空白 9.3.3 输出格式 9.3.4 合并样式表 9.3.5 嵌入样式表 9.4 使用XSLT的例子 9.4.1 结构的转换 9.4.2 循环 9.4.3 排序 9.4.4 条件处理 9.4.5 名称模板 ... -
HTML5与CSS3基础教程(第8版)高清文字
2018-02-28 12:05:248.2 链接到外部样式表 140 8.3 创建嵌入样式表 142 8.4 应用内联样式 143 8.5 样式的层叠和顺序 145 8.6 使用与媒体相关的样式表 147 8.7 借鉴他人的灵感 148 第9章 定义选择器 150 9.1 构造... -
JavaScript王者归来
2013-01-10 11:30:48中文名: JavaScript王者归来 清晰版+高清版 双版本PDF 作者: 月影图书分类: 软件 资源格式: PDF 版本: 扫描版 ...14.1 什么是级联样式表 14.1.1 CSS样式和样式表 14.1.2 CSS的标准化 14.1.3 浏览器支持... -
css入门笔记
2018-05-15 14:58:57创建样式表文件(.css) 2.在样式文件中编写样式规则 3.在网页中对样式文件进行引入 <link rel="stylesheet" href="URL../.css"> 3.CSS样式特征 1.继承性 必须是父子(有层叠嵌套的关系)结构 大部分的... -
中文版Excel.2007高级VBA编程宝典 1/2
2012-04-06 16:00:163.3.1 为什么使用不是相对的引用 3.3.2 R1C1表示法 3.3.3 引用其他的工作表或工作簿 3.4 使用名称 3.4.1 命名单元格和单元格区域 3.4.2 将名称应用于现有的引用 3.4.3 交叉名称 3.4.4 命名列和行 ... -
Oracle Database 11g完全参考手册--详细书签版
2013-02-03 10:58:3913.2.1 Oracle 9i以前版本中的外部连接的语法 215 13.2.2 现在的外部连接语法 216 13.2.3 用外部连接代替NOT IN 218 13.2.4 用NOT EXISTS 代替NOT IN 219 13.3 自然连接和内部连接 220 13.4 UNION﹑INTERSECT... -
MySQL命令大全
2018-01-15 11:19:17Select: 显示/搜索表的记录。 Update: 修改表中已存在的记录。 特别的权限: ALL: 允许做任何事(和root一样)。 USAGE: 只允许登录–其它什么也不允许做。 ——————— MYSQL常用命令 有很多朋友虽然安装好... -
XHTML.技术内幕(高清PDF中文版)
2011-05-26 15:39:383.1.4 其他的格式化功能 117 3.1.5 预格式化文件 117 3.2 解决方案 119 3.2.1 消除纯文本的换行 119 3.2.2 ─插入换行符 120 3.2.3 ─消除换行符 123 3.2.4 ─允许字间断开 124 3.2.5 ─建立段落 125 3.2.6 ─建立... -
MYSQL常用命令大全
2011-05-30 13:31:24Select: 显示/搜索表的记录。 Update: 修改表中已存在的记录。 特别的权限: ALL: 允许做任何事(和root一样)。 USAGE: 只允许登录--其它什么也不允许做。 --------------------- MYSQL常用命令 有很多朋友虽然安装... -
JavaScript高级程序设计(附源码)
2018-08-19 17:49:1610.1.4 访问样式表 266 10.1.5 最终样式 270 10.2 innerText和innerHTML 271 10.3 outerText和outerHTML 273 10.4 范围 274 10.4.1 DOM中的范围 274 10.4.2 IE中的范围 284 10.4.3 范围在实际中的应用 288 ... -
JavaScript宝典 第6版.part4.ra
2012-04-04 22:13:311.2.2 CSS(层叠样式表)4 1.2.3 服务器编程4 1.2.4 辅助程序和插件程序5 1.3 JavaScript:语言的集大成者6 1.3.1 LiveScript变成了JavaScript6 1.3.2 微软世界6 1.4 JavaScript:灵活好用的工具7 第2章 开发适用于... -
JavaScript高级程序设计
2017-12-31 23:05:07261, 10.1 样式编程 261, 10.1.1 DOM样式的方法 263, 10.1.2 自定义鼠标提示 264, 10.1.3 可折叠区域 265, 10.1.4 访问样式表 266, 10.1.5 最终样式 270, 10.2 innerText和innerHTML 271, 10.3 outerText和outerHTML... -
MAPGIS地质制图工具
2013-05-06 16:15:30表格数据投影:投影EXCEL表的坐标数据到MapGis中,可以投影选中的部分数据,亦可以投影表格的全部数据。 距离角度量算:即显图上距离,总长度,直线角度。 距离角度修改:线按长度、角度修改。 面积量算:量算面积。... -
Visual C++ 2005 入门经典 详细书签版
2013-02-02 16:39:437.7.2 类外部的成员函数定义 332 7.8 类对象的数组 333 7.9 类的静态成员 335 7.9.1 类的静态数据成员 335 7.9.2 类的静态函数成员 338 7.10 类对象的指针和引用 338 7.10.1 类对象的指针 338 7.10.2... -
Visual C++ 2005入门经典--源代码及课后练习答案
2013-02-02 16:42:047.7.2 类外部的成员函数定义 332 7.8 类对象的数组 333 7.9 类的静态成员 335 7.9.1 类的静态数据成员 335 7.9.2 类的静态函数成员 338 7.10 类对象的指针和引用 338 7.10.1 类对象的指针 338 7.10.2... -
javascript 高级程序设计 第二版 中文版 含源代码
2011-03-25 09:50:2311.2.2 操作样式表 258 11.2.3 元素大小 261 11.3 遍历 267 11.3.1 nodeiterator 268 11.3.2 treewalker 271 11.4 范围 272 11.4.1 dom中的范围 272 11.4.2 ie中的范围 279 11.5 小结 282 第12章 事件 283 ... -
Visual C++ 2008入门经典--详细书签版
2013-02-02 16:07:157.7.2 类外部的成员函数定义 318 7.8 类对象的数组 319 7.9 类的静态成员 321 7.9.1 类的静态数据成员 321 7.9.2 类的静态函数成员 323 7.10 类对象的指针和引用 324 7.10.1 类对象的指针 324 7.10.2 类对象... -
JAVA上百实例源码以及开源项目源代码
2018-12-11 17:07:42支持旋转和透明度设置 摘要:Java源码,文件操作,图片水印 util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,... -
JAVA上百实例源码以及开源项目
2016-01-03 17:37:40util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码... -
Visual C++ 2008入门经典--源代码及课后练习答案
2013-02-02 16:13:257.7.2 类外部的成员函数定义 318 7.8 类对象的数组 319 7.9 类的静态成员 321 7.9.1 类的静态数据成员 321 7.9.2 类的静态函数成员 323 7.10 类对象的指针和引用 324 7.10.1 类对象的指针 324 7.10.2 类对象... -
Android开发入门教程(汇集Android社区智慧图)--详细书签版
2013-02-08 11:01:10本书中的有些章节可能会引用前面章节的内容。而且,也不是书中的每个示例都会给出完整的源代码;否则本书就太厚了。如果读者想要编写示例,可以从Apress网站(www.apress.com)下载完整的源代码 。 本书版本...
-
linux基础入门和项目实战部署系列课程
-
网页元素轻设计–尊重用户产品体验
-
ubuntu下的apt-get内网本地源的搭建
-
FPYTDTlBRY
-
jquery使用serialize()出现中文乱码怎么办
-
【硬核】一线Python程序员实战经验分享(1)
-
PHP深入理解-PHP架构布局
-
New algorithm and system for measuring size distribution of blood cells
-
axios学习优化及使用
-
WPF-DataGrid中CheckBox实现全选与非全选
-
PHP——个人信息管理系统
-
自动化测试Python3+Selenium3+Unittest
-
MySQL 高可用工具 heartbeat 实战部署详解
-
很多朋友都是从此绝交的,故事很短,却说穿了人性!
-
【工具使用篇】Sublime Text 3 全程详细图文使用教程
-
实现 MySQL 读写分离的利器 mysql-proxy
-
一个简单的PHP在线书签系统
-
可用性测试方法:卡片分类法
-
Cmake 教程
-
MySQL你该了解的那些事【服务端篇】