文档章节

css初步

Dendy
 Dendy
发布于 2015/03/11 16:22
字数 648
阅读 5
收藏 0

CSS 层叠样式表:
 将网页中的样式分离出来,完全有CSS来控制.增强杨思的复用性及可扩展性.

 格式:
  选择器{属性名:属性值;...}
 
 一、css和html代码结合的四种方式:
 1,每一个html标签都有个style属性.
 2,当页面有多个标签有相同样式时,可以进行复用,在html的head部分定义style标签,并嵌入css带按摩.
  <style>
   css代码.
  </style>
 3,当有多个页面中的标签有相同样式时,可以讲样式单独封装成一个css文件,通过在每个页面中定义:
  <style>
   @import url("1.css");
  </style>
  将css文件加载到页面.
 4,通过html中的head标签中的link标签连接一个css文件.
  <link rel=""stylesheet href="1.css" />
  使用技巧:可以讲多个css样式(文件)加载到一个css文件(如:manage.css)中,只要在html页面中加载这个manage.css即可.可以直接对这个css文件进行管理,而不需要调整html代码.
  例如: 有两个样式表:a.css, b.css.
   在html中加载1.css即可,而1.css只需要导入这两个文件.
   @import url("a.css")
   @import url("b.css")
  
 二、选择器:css样式作用的标签容器.
  当样式分离后,html作用在于用标签封装数据,然后将css加载进来租用于指定标签上.

  (一)选择器的分类:
  1,标签选择器:就是html中的每一个标签名.
  2,类选择器:就是每一个标签中的class属性,用.的形式来标示.
   只对css所使用,可以给不同的标签尽心相同的样式设定.
  3,ID选择器:其实就是每一个标签中的ID属性,但是要保证ID的唯一性,用#来标示.
   ID属性不仅可以被css使用,还可以被javascript使用.
  
  选择器的优先级:ID>class>标签.

  (二)扩展选择器:
   1、关联选择器:就是对标签中的标签进行样式定义.
    格式:选择器 选择器 ...
   2、组合选择器:对多个选择器进行相同的样式定义,将多个选择器通过,隔开.
   3、为元素选择器:其实就是元素的一种状态.
    a:link——超链接被点前的状态.
    a:visited——超链接点击后的状态.
    a:hover——鼠标悬停在超链接上的状态
    a:active——点击超链接时.
    p:first-letter——首字母
    P:first-line——首行
    :focus——获得焦点时.

   css滤镜:通过一些代码丰富了样式.

   css帮助文档.

本文转载自:http://blog.csdn.net/z_dendy/article/details/11806659

Dendy
粉丝 14
博文 253
码字总数 0
作品 0
成都
私信 提问
【CSS3初探之Media Queries】终于完成了的CSS3,我们来个终章总结!

前言 无论如何,学到这里,我可以自豪的告诉自己,我HTML5与CSS3学完了,不管我现在还记得住多少,我确确实实将他们学完了,还做了不少demo。 回想几个月前,我一直在纠结自己应该学习HTML5...

范大脚脚
2017/12/14
0
0
[javascript]文字无缝向上滚动

静态代码: 解释:首先最外层是一个高度只有30px的层,这样大概只能显示一行文字。然后里面有一个 #marquee的层,这个层包含了很多段文字,高度实际超出30px很多,我们要实现的就是将#marque...

吾爱
2014/09/05
0
0
冯东扬周结

这星期通过在慕课网上学习,补充了一些html用到的标签,标签是把一句话引用起来,使用这一标签会为引用的文本添加引号,而与其相对应的是标签,它则是引用的长文本,但却不会加上引号,而是用...

艹灬艹
2015/10/25
3
1
代码分析工具--pfff

pfff 是一套代码分析、代码可视化、代码导航工具,它很好地支持 Java、C、JavaScript、PHP。它也初步支持 C++、Rust、C#、HTML、CSS、Erlang、Lisp、Haskell、Python、OPA 和 SQL。...

孔小菜
2015/04/10
2.6K
0
httpclient执行get请求遇到的问题

利用httpclient或其他java库,能不能得到,浏览器在请求一个url时,执行的所有get请求列表(这些get请求可能包括css, js, img etc. ) 问题的背景是:在抓取过多的淘宝宝贝页面后,会出现taoba...

算法与编程之美
2013/02/06
883
3

没有更多内容

加载失败,请刷新页面

加载更多

mysql mysql中的视图

视图是由数据库中的一个表或者多个表导出的虚拟表,方便用户操作。其内容是由查询定义。 视图是存储在数据库中的查询的sql语句。 一、创建视图 1. 查看创建视图的权限 select Select_priv,C...

edison_kwok
21分钟前
2
0
以太坊中文文档翻译-账号

本文原文链接 点击这里获取Etherscan API 中文文档(完整版) 完整内容排版更好,推荐读者前往阅读。 账号(Account) 账号及地址相关的 API,接口的参数说明请参考Etherscan API 约定, 文档中...

Tiny熊
31分钟前
2
0
Springboot 集成redis

这里只做单机版简单集成,不过为项目中使用 1.在pom文件中引入支持 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redi......

贾峰uk
今天
4
0
Qt编写安防视频监控系统4-删除视频

一、前言 一般会有两种处理方式来删除视频,一种是鼠标右键菜单,删除当前视频或者删除所有视频,一种是直接按住当前视频,移到视频通道界面以外就表示删除当前视频,这也是个比较人性化的设...

飞扬青云
今天
2
0
NCRE考试感想 三级信息安全(下)

时代的变迁 一些学科的兴起,一些学科的没落;一些职业的兴起,一些职业的没落。在2016年,新闻报道中说:国务院取消了百余项职业资格证书。一切都处于变动之中,要找到变化的规律,跟上时代...

志成就
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部