CSS样式表与格式布局
样式表
CSS(Cascading Style Sheets 层叠样式表),作用是美化HTML网页。
内联样式表: 例:<p style="font-size:10px;">内联样式表<p>
内嵌样式表:必须写在head标签里
例:<style type="text/css">
p
{ 样式;}
</style>hei
外部样式表:新建一个CSS文件用来放置样式表 在HTML中 右键--CSS样式--附加样式表
例:<style type="text/css">
*
{ margin:0px; padding:0px;} //网页边距为0像素 字体间距为0像素
.mian //class选择器 <div class="mian"></div>// 调用class样式表
{
height:40px;
width:100px;
text-align:center;
background-coloe:red;
}
#mian//ID 选择器 <div id="mian"></div> //调用ID选择器
{
height:40px;
width:100px;
text-align:center;
background-coloe:red;
}
</style>
复合选择器:(1)P,span 用,隔开 表示两个标签并列 具有同样的样式
(2)mian P 用空格隔开 表示后代
(3)mian.p 用“.”隔开 表示mian标签中的p标签
样式属性中 例如:margin:20px 0px 20px 0px 表示边框的宽度分别为上20像素 右0像素 下20像素 左0像素 顺序为顺时针 上-右-下-左
格式布局
锁定位置(相对浏览器的位置 即不管浏览器怎么滚动 窗口相对浏览器位置不变) position:fixed;
绝对位置与相对位置
(1)如果外层没有absolute(或者relative) 那么div 相对浏览器定位
(2)如果外层有absolute(relative) 那么div相对于外层边框定位 position:absolut;(绝对位置) position:relative;(相对位置)
分层:如果想要页面上某一标签总是最上显示 则需要设置z的值 如:z-index:2; //z的值为2 则在上层显示 不更改默认为1 都在同一层
常见超链接style 定义是的顺序为 L --v--h--a
a:link 超链接被点击之前状态
a:visited 超链接点击后状态
a:hover 鼠标悬停在超链接时
a:active 点击超链接时
CSS样式表与格式布局的更多相关文章
- Java 新手学习 CSS样式列表 排版 格式布局
1,样式表分为 内联样式表 内嵌样式表 外部样式表 三种. 内联样式表是直接写在标签里面的 比如 <p style=“”></p> <div style=& ...
- CSS样式表——列表与布局
列表方块:针对<ol></ol>和<ul></ul> 属性style="list-style:none" ...
- css样式表:样式分类,选择器。样式属性,格式与布局
样式表分类: 1.内联样式表, 和html联合显示,例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独 ...
- HTML——CSS样式表&布局页面
CSS样式表: 一.作用:美化网页,页面布局. 二.分类: 内联,写在body里标签style=""里面的样式,优点是控制精确,可重用性差. 内嵌,嵌在网页的head里面,可重用性 ...
- 网页 CSS样式表
昨天,我主要是对CSS样式表进行了一下复习. CSS样式表主要有三类:内联样式表.内嵌样式表.外部样式表,我们平时一般使用第二种样式表. 选择器主要包括:标签选择器.class选择器.ID选择器.复合 ...
- 【2017-03-24】CSS样式表
CSS样式表:层叠式样式表 一.样式表的分类 1.内联式 写在标记的属性位置,优先级最高,重用性最差. 格式: <div style="width:100px;height:100px ...
- HTML css 样式表
CSS样式表 2.1.样式表的基本概念 2.1.1.样式表分类 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14 ...
- WEB入门三 CSS样式表基础
学习内容 Ø CSS的基本语法 Ø CSS选择器 Ø 常见的CSS样式 Ø 网页中3种使用CSS的方式 能力目标 Ø 理解CSS的 ...
- 初识CSS样式表
背景介绍: 接触了新闻公布系统,这也是自己第一个B/S的项目.从之前的拖拽空间.任意布局到现在的HTML总会有非常多的新奇.棘手和挑战.可是不管是何种形式都离不开主要的步骤:做前台.做后端.能够说一个 ...
随机推荐
- linux脚本^M: bad interpreter:解决方法
转自:http://blog.csdn.net/huiguixian/article/details/6386774 在Linux中执行.sh脚本,异常提示/bin/sh^M: bad interpr ...
- Swift - 本地消息的推送通知(附样例)
使用UILocalNotification可以很方便的实现消息的推送功能.我们可以设置这个消息的推送时间,推送内容等. 当推送时间一到,不管用户在桌面还是其他应用中,屏幕上方会都显示出推送消息. 1, ...
- Java再学习——Executor,ExecutorService,ScheduledExecutorService与Executors
1,Executor.ExecutorService和ScheduledExecutorService,它们都是接口,它们的关系是ScheduledExecutorService继承ExecutorS ...
- LeetCode42 Trapping Rain Water
题目: Given n non-negative integers representing an elevation map where the width of each bar is 1, co ...
- Tfs服务器迁移(更改IP)后客户端(vs2013)配置方法
一.前言 公司开发项目需要进驻客户现场,局域网中的tfs代码服务器有时会有修改ip的情况发生.服务器ip修改后在vs2013中更改服务器ip地址非常麻烦,有些时候需要将代码重新进行映射.多次试验后将可 ...
- ImageSource使用心得(转)
很多时候,我们会使用图片来装饰UI,比如作为控件背景等. 而这些图片可以分为两种形式,即存在于本地文件系统中的图片和存在于内存中的图片 对于这两种形式的图片,在WPF中,使用方法不同,下面主要说明针对 ...
- 1.5.7 CharFilterFactories
CharFilterFactories 字符过滤器是一个预处理输入字符的组件,字符过滤器可以链接如token过滤器,并放置在Tokenizer(分词器)的前面,字符过滤器可以添加,更改或删除字符,同时 ...
- 自定义带有uitableview的alertview对话框
#import <UIKit/UIKit.h> typedef void(^MyCompleteHandler) (NSString *selectString); @interface ...
- Boost.Foreach
BOOST_FOREACH简化了C++的循环遍历序列元素. 支持的序列类型:Boost.Range识别的序列 STL容器 数组 Null-terminated String std::pair of ...
- MVC框架 - AJAX支持
Ajax是异步JavaScript和XML的一个简写形式.MVC框架包含了不显眼的Ajax内置支持,通过它可以使用辅助方法,在所有的视图添加代码来定义Ajax特性. 在MVC中此特征是基于jQuery ...