1,样式表分为 内联样式表 内嵌样式表 外部样式表 三种。
内联样式表是直接写在标签里面的 比如
内嵌样式表是必须写在head 标签里面的 比如
p{样式}
只针对body 里的p 标签 改变样式
也可以是
div{样式(样式可以自己设定)比如 width:200px; height:50px; border:1px solid red; top:10px; left:20px; 那么div层标签的效果会是宽200高50 边框线为1像素 实线 红色实线的框, 当然也可以添加更多的样式效果在里面}
只针对body里的div标签 改变样式
这是用标签名做的 选择器 比如p层标签、div层标签
还有一种class选择器 都是“."开头的 比如
这种选择器在head标签里写完了 要在body里的层标签 里引用 比如
这种选择器的应用方式跟class一样 但是class可以被重复使用 id不能重复使用 也就是说#ab 只能在body里出现一次 如果是不同名字的# 可以被多次使用
比如#aa 可以跟#bb 同时出现在body里面
选择器种类里还有三种符合选择器
1)用,逗号隔开 表示并列 比如
这样p标签span标签和div标签可以同时执行样式的指令2)用空格隔开 表示后代 比如
只有div标签里的p标签执行此命令 比如这中情况下是执行 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;显示
超链接的样式
a:link 每点击是原来的样子
a:visited 访问过的链接样式
a:hover 鼠标指向是的样式 也就是把鼠标放在上面显示的样式
opacity 透明度
CSS样式表与格式布局
样式表 CSS(Cascading Style Sheets 层叠样式表),作用是美化HTML网页. 内联样式表: 例:
Java新手学习路线
转自网络 分享个JAVA学习路线[新手可以参考看下]觉得不好的,大家可以提出来我补充. 第一阶段 技术名称 技术内容 J2SE(java基础部分) java开发前奏 计算机基本原理,Jav ...
java基础57 css样式、选择器和css定位(网页知识)
本文知识点(目录): 1.CSS样式 2.选择器 3.CSS定位 1.CSS样式 1.html 在一个网页中负责的是一个页面的结构 2.css(层叠样式表)在一个页面中负责了一个页面 ...
引用css样式的书写格式
css的书写格式一共有三种 行内样式:意思是在行内中写样式 例如说
用行内样式编写我的颜色
只适用于< ...学习 CSS 样式
1.CSS浮动 : http://www.cnblogs.com/zhongxinWang/archive/2013/03/27/2984764.html (1)一个重要结论: ...
css的基本操作学习--css样式,选择器,hover,文字属性,文本属性,背景
什么是css? 通配符选择器
/* *通配符选择器 匹配任何元素 */ *{ margin: 0; padding: 0; } css样式有三种 ...前端学习笔记--CSS样式--列表和表格
1.列表 2.表格 odd:奇数 even:偶数
bootstrap的学习-基础样式和排版一
一.列表去除样式和横排排列 classs="list-unstyled","list-inline" 二.[表格].table 类指定基本样式,.table-s ...
Bootstrap全局CSS样式之排版
Bootstrap能全然友好的支持html5的文本元素,这里不再赘述,详细可參考我还有一篇文章,这里主要针对Bootstrap封装好的CSS文本样式做一下汇总. ...
随机推荐
[NHibernate]O/R Mapping基础
系列文章 [Nhibernate]体系结构 [NHibernate]ISessionFactory配置 [NHibernate]持久化类(Persistent Classes) 引言 对象和关系数据库 ...
让 ASP.NET JS验证和服务端的 双验证 更简单
只用JavaScript验证安全不安全谁都知道,答案是不安全,非常的不安全.因为在客户端进行的验证相当于“让用户自己验证自己”,很明显是不靠谱的.你不能避免一些恶意用户人为的修改自己的表单进行欺骗,也 ...
2013 Asia Regional Changchun I 题,HDU(4821),Hash
题目链接:http://acm.split.hdu.edu.cn/showproblem.php?pid=4821 解题报告:搞了很久,总算搞出来了,还是参考了一下网上的解法,的确很巧,和上次湘潭的比 ...
Android studio无法更新 提示网络连接失败
Android studio 更新时,提示网络问题 “Connection failed. Please check your network connection and try again” 在默 ...
Testlink1.9.14介绍及使用
Testlink简介 今天在为部门培训testlink的使用,顺便把相关片段记录下来. TestLink是一款开源的测试管理工具,主要用于进行测试过程的管理,通过使用TestLink提供的功能,可以 ...
Linq to List
var lstMater = lst.GroupBy(w => new { w.materialId, w.name, w.isPass, w.description }). Select(g ...
vim 配置插件
vim插件可以用bundle管理,我这里面用的是一个开源的Vundle工具,git上操作步骤说的很清楚https://github.com/VundleVim/Vundle.vim 之前PluginI ...
asp.net core 排序过滤分页组件:sieve(2)表达式树的复习
在Sieve组件中使用了很多关于表达式树的知识,但在我们日常的工作中写表达式树的机会是非常少的,至少在我的编程生涯中没怎么写过表达式树(可能也就是3,4次).所以,为了能够看懂Sieve里面的源代码, ...
设计模式总结篇系列:建造者模式(Builder)
关于建造者模式网上有很多文章,也有些不同的理解.在此结合网上其他文章对建造者模式进行总结. 总体说来,建造者模式适合于一个具有较多的零件(属性)的产品(对象)的创建过程.根据产品创建过程中零件的构造是 ...
CSS 滤镜
声明: web前端学习笔记,欢迎大神指点.联系QQ:1522025433. CSS样式表是一种为超文本标签语言提供增强补充服务的技术,可对每一个html的标签做精雕细刻的修饰.只用html制作的网页, ...