学习css
来源:互联网 发布:佛山 网络英语培训 编辑:程序博客网 时间:2024/05/16 08:19
CSS
Css 层叠样式表
将网页中的样式分离出来,完全由css来控制
增强样式的复用性以及可扩展性。
格式:
选择器{属性名:属性值;属性名:属性值…}
Css和html代码相结合的四种方式:
1. 每一个html标签都有一个style属性。
2. 当页面有多个标签有相同样式时,可以进行复用。
<style>
Css代码
</style>
3. 当有多个页面中的标签的样式相同时,还可以将样式单独封装成一个css文件。通过在每个页面中定义。
<style>
@ import url(“1.css”);
</style>
4. 通过html中head标签中的link标签连接一个css文件。
<link rel=”stylesheet”href=1.css”/>
技巧:为了提高相同的样式的复用性以及扩展性,可以将多个标签样式进行单独定义,并封装成css文件。P.css,div.css…
在一个css文件中使用的import将多个标签样式文件导入。
然后再html页面上,使用linl标签导入这个总的css文件即可。
1.css
@import url(“p.css”);
@import url(“div.css”);
<link rel=”stylesheet” href=”1.css”/>
----------------------------------------------------------------------------------------------------------------
选择器:其实即使样式要作用的标签容器。
当样式分离后,html作用在于用标签封装数据,然后将css加载到指定标签上。
选择器的基本分类:
1. 标签选择器:其实就是html中的每一个标签名。
2. 类选择器:其实就是每一个标签中的class属性。用.的形式表示。
只用来给css所使用。可以对不同标签进行相同样式设定。
3. ID选择器:其实就是每一个标签中的ID属性。但是要保证ID唯一性。用#来表示。
ID不仅可以被css所使用,还可以被javascript所使用。
选择器优先级:ID>class>标签
扩展选择器:
1. 关联选择器:其实就是对标签中的biaoq进行样式定义。选择器选择器。。。
2. 组合选择器:对多个选择器进行相同样式定义。将多个选择器通过,隔开的形式。
3. 伪元素选择器:其实就是元素说的一种状态。
a:link 超链接被点前状态。
a:visited 超链接点击后状态。
a:hover 悬停在超连接上。
a:active 点击超连接时。在定义这些状态时,有一个顺序:L V H A
p:first-letter
p:first-llne
:foucs:很遗憾,IE6不支持。但FF支持。
css滤镜:其实通过一些代码完成丰富了样式。
当使用到css的更多属性时,还需要查阅css api。
网页设计的时候。div+css。
div:行级区域
span:块级区域
p:行级区域。p中不要嵌套div。
- 【CSS学习】CSS语法
- 【CSS学习】CSS 创建
- 【CSS学习】CSS 背景
- 【CSS学习】CSS 表格
- 【CSS学习】CSS 边框
- css学习--css基础
- 学习CSS
- CSS学习
- CSS学习
- css学习
- CSS 学习
- CSS学习
- css 学习
- CSS 学习
- CSS学习
- css学习
- CSS 学习
- CSS 学习
- 一切向钱看的中国人是没有底线的
- zencart如何减少网站相似度方法
- Java中如何将字符串从右至左每三位加一逗号
- C++对象模型
- 在路上
- 学习css
- 牛腩新闻发布系统总结
- 关于使用eclipse进行编译时总是有javascript validator错误提示
- 青蛙又回到了井里
- 开源项目之Android http请求及缓存框架(GalHttprequest)
- 山区行
- PjCleanSystemTrash:C#清除系统盘垃圾
- DPS学习心得(一)
- PHP判断最后一个元素及获取key