精华内容
下载资源
问答
  • CSS总结

    千次阅读 热门讨论 2013-12-03 21:40:37
    用一种简单的图总结:   HTML中引入CSS的方法:  行内样式  就是将CSS代码放到HTML代码里。如: 大标题  内嵌式  HTML中body无任何CSS标记,在head标记中用style标记将css代码嵌套。如: H1{ Color:...

        CSS层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS使页面载入更快,节省流量,同样的HTML内容,但是CSS可以让他又不同的显示效果,要想修改他们的样式时也很有效率,不同的网页也可共用同一个CSS样式。

    用一种简单的图总结:

                 

    HTML中引入CSS的方法:

      行内样式

        就style属性,将CSS代码放到HTML代码里。如:

         <h1 style="color:red;background-color:blue">大标题</h1>

      内嵌式

        HTML中body无任何CSS标记,在head标记中用style标记将css代码嵌套。如:

    	<style type="text/css">
    	H1{
    	Color:white;
    	Background-color:blue;
    	}
           </style>

      链接式

        需要独立的CSS文件,用link标记链接CSS文件,是用HTML规范实现的。在正式下载这个页面之前,就已经把CSS装入到浏览器了,一开始的时候网页就显示出样式。如:

    <link href="mystyle.css" rel="stylesheet" type="test/css" />

      导入式

        也需要一个独立的CSS文件,用@import将css文件导入,使用CSS规范实现。这种方法是这个页面全部装载完再装载的CSS,所以网页内容大的时候浏览时开始没有样式,一会才闪烁一下然后显示出样式来。

    <style type="text/css">
    	 @impot"mystyle.css";
           </style>

    选择器

      标记选择器

         声明选择器时,选择器是HTML标记,如h1,h2p等。

              

      类别选择器

         声明选择器时,选择符是用户自定义的,几个HTML元素可以同时用一个类别选择器。声明是用“#”,HTML中使用时用:class="类别选择器",即可。

      ID选择器

         声明选择器时,选择符是用户自定义的,但是不可重复,即一个ID选择器只能用于一个HTML元素。声明用“.”,HTML中使用时用:id="id选择器",即可。

      复合选择器

         “交集”选择器:就是嵌套,如一个标记里面在嵌套一个类别选择器。

         “并集”选择器:就是同时声明几个选择器。如:

    h2.special, .special, #one{		/* 集体声明 */
    	text-decoration:underline;	/* 下划线 */
    }

         “后代”选择器:就是继承,只有他和他的父选择器都相同时才套用该样式。

    盒子模型

    以前写过一篇文章,详见:CSS盒子模型

    层叠特性

        即是选择器的嵌套使用。两个同名的选择器,一个被嵌套在其他选择器里,一个没有,如果声明的是嵌套选择器的样式,则那个同名的选择器不套用该样式。如:若span不是P的子节点,则“冬至”两个字的颜色不是蓝色。如:

    <style type="text/css">
    <!--
    p b{							/* 嵌套声明 */
    	color:maroon;				/* 颜色 */
    	text-decoration:underline;	/* 下划线 */
    }
    -->
    </style>
       </head>
    
    <body>
    	<p>嵌套使<b>用CSS</b>标记的方法</p>
    	嵌套之外的<b>标记</b>不生效
    </body>

    继承特性

        就是父特性作用于他所以的子特性,子特性继承他的父特性。如果子选择器重新定义了样式,则用自己声明的样式。

    <style>
    <!--
    h2{ color:rgb(0%,0%,80%); }
    p{
    	color:#333333;
    	font-size:13px;
    }
    p span{ color:blue; }
    -->
    </style>
       </head>
    
    <body>
    	<h2>冬至的由来</h2>
    	<p><span>冬至</span></p> </body>





    
    
    
    
    
    
    展开全文
  • css总结

    千次阅读 2011-09-27 11:40:50
    1.1、CSS(Cascading Style Sheets)层叠样式表,起到描述web文档格式的作用,有了CSS就可以把web文档的内容和样式分开,有利于web内容的检索等处理。 1.2、CSS有可能存在于web文档的内部和外部,优先级如下: 内联...

    一、概括、

    1.1、CSS(Cascading Style Sheets)层叠样式表,起到描述web文档格式的作用,有了CSS就可以把web文档的内容和样式分开,有利于web内容的检索等处理。

    1.2、CSS有可能存在于web文档的内部和外部,优先级如下:

    内联CSS  > 内部CSS > 外部CSS > 浏览器缺省设置

    1.3、CSS的语法规则如下:

    selector {property: value; property: value ; ...... },就是选择某个对象或对象集合,并对其进行样式描述。

    二、选择子-selector

    1、selector 可以是绝大多数标签,div是专门为CSS新加的,div提供了更强的灵活性。

    2、id选择器,#id p{}

    3、类选择器,.class p{}

    4、属性选择器,input[type="button"]

    三、样式表分类

    3.1、外部样式表

    <link rel="stylesheet" type="text/css" href="mystyle.css" /> 必须在head内部

    3.2、内部样式表

    <style></style> 必须在head内部

    3.3、内联样式

    <xx style="x:y;..."></xx>

    四、CSS中的定位


    展开全文
  • HTML5和CSS总结

    2019-09-01 15:58:17
    学习HTML5和CSS总结的思维导图 HTML_CSS总结1 HTML_CSS总结2 HTML_CSS总结3 [HTML_CSS总结4 [HTML_CSS总结5
    展开全文
  • html 总结 web标准 常用的HTML标签 图片路径 字符实体 CSS总结 选择器 css三大特性 常用的css 属性 css高级技巧

    html 总结

    • web标准
    • 常用的HTML标签
    • 图片路径
    • 字符实体
      html总结xmind思维导图

    CSS总结

    • 选择器
    • css三大特性
    • 常用的css 属性
    • css高级技巧
      css总结
    展开全文
  • 前端html,css总结

    千次阅读 2020-03-16 11:49:39
    前端ER图设计 ...HTML总结: 数据类型与内容 2.基本格式: 标签 + 属性(可选,如a href=””, img scr=””) + 样式(class=) 3.常见的html元素(数据类型) 列表(ul,ol,li),表单(form,input...
  • CSS总结(盒子模型)

    千次阅读 2018-05-22 18:04:25
    盒子模型盒子模型属性看下图就很直白了width 和height 设置了内容框的宽/高padding 家族属性设置内边距的...margin 家族属性设置包围CSS盒子外部区域的宽度,这个属性推开布局中其他的CSS盒子溢流(overflow)当用绝...
  • css总结 -设置a标签样式

    千次阅读 2018-08-26 14:22:59
    首先要理解a标签是行内元素,本身不具有宽高,所以直接对其设置宽高是无效的 可以通过display属性修改其显示样式 display:block;块元素,这样就可以按照自己心意去为其设置样式了    ...
  • css总结 -边框的隐藏或去除

    万次阅读 2018-08-30 10:24:24
    在进行页面布局时,边框是我们最常用的的属性之一 我们可以通过边框查看元素位置大小等 但是有时我们却又不希望看到这些边框,一些元素的默认边框,比如input标签等 我们可以选择隐藏或者去除 ...
  • CSS总结------文本字体类

    千次阅读 2017-09-19 21:43:08
    这一章主要对文本和背景的CSS**常用**属性做出总结 CSS的东西太多了,不常用的有精力的可以试着知道。一般都查表 包括 名称 名称 文字属性 文本属性 颜色属性 背景属性 下面一一来归纳:1.文字属性1.font-...
  • 【牛腩新闻发布系统】之CSS总结

    千次阅读 热门讨论 2013-11-13 15:08:16
    本文主要为:牛腩新闻发布系统中用到的关于CSS知识点部分的思维导图总结
  • CSS总结(基本文本和字体样式)

    千次阅读 2018-05-21 20:28:33
    阴影的基础颜色,可以使用大多数的 CSS 颜色单位 CSS color unit. 如果没有指定,默认为 black. 文本布局:   text-align 属性用来控制文本如何和它所在的内容盒子对齐。可用值如下,并且在与常规文字处理器应用...
  • div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法 在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度,在IE浏览器下显示正常。但是使用Firefox/opera浏览时却出现最...
  • .test3:after,.test3:before {content:'';display:block;height: 0;visibility: hidden;clear: both;}
  • CSS总结--处理页面四周空白间隙

    千次阅读 2016-09-20 14:07:08
    因为 很多标签在不同的浏览器下都有默认的margin值和padding值,因此将其值设置为0后便可解决问题。 ...<style type="text/css">  *{  margin:0px;   padding:0px;  } </style>
  • p.capitalize { text-transform: capitalize; }

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 249,864
精华内容 99,945
关键字:

css总结