文档章节

WEB基础02

x
 xwminren
发布于 2015/10/06 21:55
字数 528
阅读 2
收藏 0
一,CSS简介
	CSS指层叠样式表(Cascading Style Sheets)
	定义如何显示HTML元素,通常存储在样式表中
	使用CSS
		内联方式
		内部样式表
		外部样式表
			外部样式语法:
			CSS代码(c1.css)
			p{
				background-color:silver;
			}
			<link rel="stylesheet" type="text/css" href="../css/c1.css">
二,CSS语法
	1,每个样式规则有两个部分:选择器和样式声明
		h1   {color:red;font-size:14px;}
	  选择器     声明     声明
	2,CSS规则特性
		1)继承性-父元素的声明可以被子元素继承
		2)层叠性-同一个元素若存在多个css规则,对于不冲突的声明可以叠加
		3)优先级-一个元素若存在多个css规则,优先级:
			内联-以最后一次定义为准>外部样式或内部样式表-就近优先>浏览器默认设置
三,CSS选择器
	1,元素选择器,通过元素名来选择css作用的目标<p>、<h1>等
	2,类选择器,以独立于文档元素的方式指定样式
		语法:.classname{
				属性:属性值
			  }
		元素选择器和类选择器结合使用
		元素名 .类名{
			属性:属性值
		}
	3,id选择器,另一种以独立于文档元素的方式指定样式
		语法:#idname{
				属性:属性值
			  }
		也可以和元素选择器结合使用
	4,选择器组(多个选择器并用)
		以逗号隔开:.classname,#idname{
						font-size:20px;
					}
	5,派生选择器				
		-后代选择器:选择某元素的所有后代元素
			语法:元素名 内部元素名(不论子后代还是更晚辈后代){
						属性:属性值
					}
		-子选择器:选择某元素的所有子元素
			语法:元素名>内部元素名(只能选子后代){
						属性:属性值
					}
	6,伪类选择器
		link:向未被访问的超链接添加样式
		visited:向已被访问的超链接添加样式
		active:向被激活的元素添加样式
		hover:向鼠标悬停元素添加样式
		focus:当元素获取焦点时,向该元素添加样式(text或textarea常用)


© 著作权归作者所有

共有 人打赏支持
下一篇: WEB基础03
x
粉丝 1
博文 10
码字总数 8101
作品 0
太原
私信 提问
Hasor 3.2.2 正式发布,携带了大量更新

Hasor v3.2.2 (2018-01-02) 新增 01. AppContextWarp 类,提供 AppContext 包装工具。 02. DataQL UDF 新增 manager 接口方便管理和注册。 03. DataQL 新增了 import 语法,现在可以导入另外一...

哈库纳
2018/01/02
840
1
小莫/SpringBootUnity

项目简介 环境 latest (目前最新版) 个人推荐来代替eclipse(希望不要被说成异教徒必须死) mysql5.5+ git: 版本管理 nginx: 反向代理服务器 注意事项 本项目代码托管在github和码云两个地方...

小莫
2017/08/10
0
0
【备忘】2017传智播客14期web前端与移动开发基础+就业班全套无加密

2017传智播客14期web前端与移动开发基础+就业班全套无加密 传智播客14期web前端与移动开发基础+就业班全套教程无加密 课程介绍 本教程是实战派课程!为传智最新web前端,结束日期为2016年12月...

qq_38155396
2017/06/30
0
0
50台集群架构配置介绍-1(架构、基本优化)

本篇博客 感谢老男孩老师教学 服务器规划表: 主机ip规划表: 外网ip采NAT模式 10.0 的网段 内网ip也采NAT模式 172.16的网段 负载均衡器的 VIP 10.0.0.3/24 带外网ip的服务器的内网ip 不配网...

gyrgey18912
2017/10/19
0
0
Hasor 0.0.10 发布,轻量化 Java 开发框架

项目首页:http://www.oschina.net/p/hasor 文章地址:http://my.oschina.net/u/1166271/blog?catalog=367774 项目地址:https://git.oschina.net/zycgit/hasor.git 在线API(持续更新):h......

哈库纳
2015/04/03
1K
7

没有更多内容

加载失败,请刷新页面

加载更多

day11

architect刘源源
今天
3
0
论学好Linux系统的超级重要性

不知道各位在日常的工作生活中有没有接触过“rm -rf /*”这个命令,因为这个命令搞出来的事情可还不少呢!前段时间就在一个群里看到了有个小伙子,老板让他去维护一下服务器,这小伙也不太懂...

Linux就该这么学
昨天
2
0
git 使用

1,首先在github配置好信息和仓库,然后在本地进行操作 git init git config user.name 'zhangwuer' git config user.email '56789053@qq.com' 2,与远程分支建立连接 git checkout -b test......

天王盖地虎626
昨天
3
0
git checkout 命令详解

在日常的git操作中,git checkout——检出,是我们的常用命令。最为常用的两种情形是创建分支和切换分支。 在下面的命令中,使用了一些简写,在这里说明一下: git st # git statusgit ci ...

shzwork
昨天
8
0
【Nginx】Nginx多级代理,获取客户端真实请求IP以及每级代理IP

Nginx多级代理,获取客户端真实请求IP以及每级代理IP 如图所示,每一级nginx里的location配置里需要加上对应的配置,最后一级nginx是直接到应用,测试时为了方便,直接用echo模块去测试,打印...

薛定谔的旺
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部