1，样式表分为  内联样式表   内嵌样式表  外部样式表  三种。

内联样式表是直接写在标签里面的  比如 <p style=“”></p>  <div style=""></div>

内嵌样式表是必须写在head 标签里面的  比如

<style>

p{样式}

</style> 只针对body 里的p 标签 改变样式

也可以是

<style>

div{样式(样式可以自己设定）比如 width:200px; height:50px; border:1px solid red; top:10px; left:20px;  那么div层标签的效果会是宽200高50 边框线为1像素 实线 红色实线的框， 当然也可以添加更多的样式效果在里面}

</style>只针对body里的div标签 改变样式

这是用标签名做的 选择器  比如p层标签、div层标签

还有一种class选择器  都是“."开头的  比如

<head><style>

.(点后面随便起名字方便记住就行 但是不能单独用数字命名 可以字母加数字 但数字不可以在开头 列如 a1 但不能是 1a)

{样式}</style></head>

这种选择器在head标签里写完了 要在body里的层标签 里引用  比如

<body>

<div class="上面点后边起好的名字”></div>这样div层标签就会执行class的样式指令了

<p class=“”></p>这个p标签也会执行class的指令

</body>   class选择器可以重复使用  也就是说可以同时被多个标签引用

还有一种ID选择器  这个在head的标签里以#开头   比如

<head><style>

#(名字）{样式}</style></head>

<body>

<div id="(名字）“></div>

</body> 这种选择器的应用方式跟class一样 但是class可以被重复使用 id不能重复使用  也就是说#ab 只能在body里出现一次   如果是不同名字的# 可以被多次使用

比如#aa  可以跟#bb 同时出现在body里面

选择器种类里还有三种符合选择器

1）用，逗号隔开  表示并列  比如

<head><style>

p,span,div{样式}

</style></head> 这样p标签span标签和div标签可以同时执行样式的指令

2）用空格隔开  表示后代  比如

<head><style>

div p{样式}

</style></head>只有div标签里的p标签执行此命令 比如

<body>

<div><p></p></div>

</body>这中情况下是执行 div p 样式指令的

3）（.)表示筛选  这种情况跟用空格功能基本一样

格式与布局

1）position:fixed  锁定位置是相对于浏览器的

2）position：absolute  是绝对位置   这个有两种情况

一种是外层没有position：absolute或者是relative的情况下，创建的div是相对于浏览器定位的

另一种是外层有position：absolute或者relative，那么div就会相对于外层的边框定位

3）position：relative 是相对于默认位置的定位 （绝对定位是在页面上面进行定位，相对定位是真实的在页面里面占有某一块区域，有上下左右值的时候只是进行

形状上的平移，真实占有的位置不变）

分层  z-index    在z轴方向分层，层数越高越不容易被盖住， z-index层数默认为1

float：left  right

overflow：hidden；  为超出部分隐藏   overflow：visible；显示

超链接的样式

<style>

a:link  每点击是原来的样子

a:visited  访问过的链接样式

a:hover  鼠标指向是的样式  也就是把鼠标放在上面显示的样式

opacity  透明度

Java 新手学习 CSS样式列表 排版 格式布局的更多相关文章

  1. CSS样式表与格式布局

    样式表 CSS(Cascading Style Sheets  层叠样式表),作用是美化HTML网页. 内联样式表: 例:<p style="font-size:10px;" ...

  2. Java新手学习路线

      转自网络     分享个JAVA学习路线[新手可以参考看下]觉得不好的,大家可以提出来我补充. 第一阶段 技术名称 技术内容 J2SE(java基础部分) java开发前奏 计算机基本原理,Jav ...

  3. java基础57 css样式、选择器和css定位（网页知识）

    本文知识点(目录): 1.CSS样式    2.选择器    3.CSS定位 1.CSS样式 1.html 在一个网页中负责的是一个页面的结构    2.css(层叠样式表)在一个页面中负责了一个页面 ...

  4. 引用css样式的书写格式

    css的书写格式一共有三种 行内样式:意思是在行内中写样式 例如说<p style="color:red">用行内样式编写我的颜色</p> 只适用于< ...

  5. 学习 CSS 样式

    1.CSS浮动  :  http://www.cnblogs.com/zhongxinWang/archive/2013/03/27/2984764.html (1)一个重要结论:           ...

  6. css的基本操作学习--css样式，选择器，hover，文字属性，文本属性，背景

    什么是css? 通配符选择器 <head> /* *通配符选择器 匹配任何元素 */ *{ margin: 0; padding: 0; } </head> css样式有三种 ...

  7. 前端学习笔记--CSS样式--列表和表格

    1.列表 2.表格 odd:奇数  even:偶数

  8. bootstrap的学习-基础样式和排版一

    一.列表去除样式和横排排列 classs="list-unstyled","list-inline" 二.[表格].table 类指定基本样式,.table-s ...

  9. Bootstrap全局CSS样式之排版

    Bootstrap能全然友好的支持html5的文本元素,这里不再赘述,详细可參考我还有一篇文章<html的文本元素总结>,这里主要针对Bootstrap封装好的CSS文本样式做一下汇总. ...

随机推荐

  1. $_POST 变量以及$GLOBALS['HTTP_RAW_POST_DATA']

    $_POST 变量是一个数组,内容是由 HTTP POST 方法发送的变量名称和值. $_POST 变量用于收集来自 method="post" 的表单中的值.从带有 POST 方 ...

  2. Centos上Docker 使用dockerfile构建容器实现ssh

    这几日在学习docker.遇到的问题数一年都数不完,网上大多数都是ubuntu的,百度或者谷歌的时候心好累.写写文档来帮助使用centos的docker爱好者们. docker基本操作这里就不介绍了 ...

  3. Hash Table 的实现步骤是什么

    什么是HashTable Hash Table 是计算机科学中很重要的一种数据结构,其时间复杂度为O(1),主要是通过把关键字Key 映射到数组中的一个位置来访问记录,所以速度相当快.映射函数称为 H ...

  4. BizTalk开发系列(二十七) 异常管理中的数据编码

    在BizTalk的异常管理解决方案中.大部分是通过订阅相关的升级属性来接收消息,并在自定义的流程或发送端口进行处理.但不管怎样,一般会定义统一的 错误消息Schema,这样不仅可以让我们通过异常信息快 ...

  5. Android课程---Activity 的生命周期

    activity类处于android.app包中,继承体系如下: 1.java.lang.Object 2.android.content.Context 3.android.app.Applicat ...

  6. 使用 readfile() 下载文件

    下载图片 <?php $file = 'monkey.gif'; if (file_exists($file)) { header('Content-Description: File Tran ...

  7. 程序中的@Override是什么意思

    @Override是Java5的元数据,自动加上去的一个标志,告诉你说下面这个方法是从父类/接口 继承过来的,需要你重写一次,这样就可以方便你阅读,也不怕会忘记 @Override是伪代码,表示重写( ...

  8. 在winform中添加普通右键菜单

    显示水平滚动条:点击GridControl的Run Designer在弹出的对话框中选择Views,将右侧属性窗口中OptionsView下的ColumnAutoWidth设置成false: 可以选择 ...

  9. switch多分支语句

    1.switch多分支语句的语法 switch(表达式){ case 常量值:要执行的语句; break; case 常量值:要执行的语句; break; case 常量值:要执行的语句; break ...

  10. View的drawRect方法

    1)此方法在View第一次在展示时调用,此后都用他的一个shotCut,可用setNeedsDisplay方法强制调用. 1)此方法在ViewDidAppear方法中才会调用.因此要想获得在drawR ...