精华内容
下载资源
问答
  • 一些常被你忽略的CSS小知识

    千次阅读 2014-08-30 09:00:42
    1.CSS的color属性并非只能用于文本显示 对于CSS的color属性,相信所有Web开发人员都使用过。... 无法显示的图片的alt文字、 list元素的边框、无序list元素前面的点、有序list元素前面的数字和hr元素等

      1.CSS的color属性并非只能用于文本显示

         对于CSS的color属性,相信所有Web开发人员都使用过。如果你并不是一个特别有经

    验的程序员,我相信你未必知道color属性除了能用在文本显示,还可以用作其它地方。它

    可以把页面上的所有的东西都变颜色。比如:

          无法显示的图片的alt文字、 list元素的边框、无序list元素前面的小点、有序list元素前面的数字和hr元素等


      <span style="font-size:14px;"> 1: <html>
    
       2: <head>
    
       3:     <meta http-equiv="content-type" content="text/html;charset=utf-8">
    
       4:     <style type="text/css">
    
       5:         #div1
    
       6:         {
    
       7:             width: 375px;
    
       8:             height: 265px;
    
       9:             border: 1px solid blue;
    
      10:         }
    
      11:     </style>
    
      12: </head>
    
      13: <body>
    
      14: <div id="div1">
    
      15:      <img src="test.jpg" alt="图片加载失败" style="color:blue">
    
      16:     <ol style="color:red;">
    
      17:         <li style="border: 1px solid">一</li>
    
      18:         <li>二</li>
    
      19:         <li>三</li>
    
      20:     </ol>
    
      21:     <hr style="color:red" />
    
      22: </div>
    
      23: </body>
    
      24: </html></span>

    有图为证:

    1

     

        2.CSS里的visibility属性有个collapse属性值:collapse

     

           对于CSS里的visibility属性,相信你用过不下几百次。大多时候,你会把它的值设置

    成visible(这是所有页面元素的缺省值),或者是hidden。后者相当于display: none,但仍

    然占用页面空间。其实visibility可以有第三种值,就是collapse。


    2



        3.CSS的background简写方式里新增了新的属性值

         在CSS2.1里,background属性的简写方式包含五种属性值 – background-color, background-

    image,background-repeat, background-attachment, and background-position。从CSS3开始,又增加了3个新的属性值,加起来一共8个。下面是按顺序分别代表的意思:

    background: [background-color] [background-image] [background-repeat] [background-attachment]

    [background-position] / [ background-size] [background-origin] [background-clip];注意里面的反斜杠,它

    更font和border-radius里简写方式使用的反斜杠的用法相似。反斜杠可以在支持这种写法的浏览器里在

    position后面接着写background-size。除此之外,你开可以增加另外两个描述它的属性值: background-

    origin 和 background-clip.它的语法用起来像下面这个样子:


       1: .example {
    
       2: background: aquamarine url(img.png)
    
       3: no-repeat
    
       4: scroll
    
       5: center center / 50%
    
       6: content-box content-box;
    
       7: }

        4.CSS的clip属性只在绝对定位的元素上才会生效

            在style中加入

       1: img
    
       2:  {
    
       3:     width: 200px;
    
       4:     height: 200px;
    
       5:     clip: rect(0px 50px 200px 0px)
    
       6:  }

           在HTML中

    1: <img src="bei.jpg" alt="图片加载失败" style="color:blue">
         

         发现并没有裁剪

         3

           对img进行绝对定位


       1: img
    
       2:     {
    
       3:         width: 200px;
    
       4:         height: 200px;
    
       5:         position: absolute;
    
       6:         clip: rect(0px 50px 200px 0px)
    
       7:     }

          clip有效:

    4


        5.元素竖向的百分比设定是相对于容器的宽度,而不是高度

             当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如padding-top,padding-bottom,margin-top,margin-bottom等,当按百分比设定它们时,依据的也是父容器的宽度,而不是高度。给图片增加一个padding-top:

     1: padding-top: 10%;

        根据效果和估算的距离即可证明是根据宽度来算的

    5


        6.border-width属性可以使用预定义常量值

           除了可以使用标准宽度值(例如5px或1em)外,border-width属性可以接受预定义的常量值:medium, thin, 和 thick事实上,如果你不给border-width属性赋值,那它的缺省值是“medium”。

    6


        7、你知道table里的empty-cells属性吗?

             css里的empty-cells属性是所有浏览器都支持的,甚至包括IE8,它的用法是下面这个样子:

     1: table { empty-cells: hide;}

    估计你从语义上已经猜出它的作用了。它是为HTML table服务的。它会告诉浏览器,当一个table单元格里没有东西时,就隐藏它。

      7 

    但是,empty-cells仅用于“分离边框”模式,即:border-collapse:separate;


        8、font-style的oblique属性值

             对与css的font-style属性,我估计大家每次见到的都是使用“normal”或 “italic”两个属性值。但事实上,你还可以让它赋值为“oblique”。


        9、word-wrap和overflow-wrap是等效的

             word-wrap并不是一个很常用的CSS属性,但在特定的环境中确实非常有用的。我们经常使用的一个例子是让页面中显示一个长url时换行,而不是撑破页面。在原本的div中添加一个子div,设置word-wrap属性

     

       1: <div style="width:250px;height:250px;border:1px solid red;word-wrap:break-word">
    
       2:          My father was a self-taught mandolin player.
    
       3:     He was one of the best string instrument players in our town.
    
       4:     He could not read music, but if he heard a tune a few times,
    
       5:     he could play it. When he was younger,
    
       6:  </div>

    效果

    8

    没有对长单词进行裁剪,而是将长单词作为整体另起一行显示。将word-wrap替换为overflow-wrap,效果一样。

    但是,需要注意的是word-break属性,其会对长单词进行裁剪


       1: <div style="width:250px;height:250px;border:1px solid red;word-break:break-all">
    
       2:          My father was a self-taught mandolin player.
    
       3:     He was one of the best string instrument players in our town.
    
       4:     He could not read music, but if he heard a tune a few times,
    
       5:     he could play it. When he was younger,
    
       6:     </div>

    效果

          9

     

    附:word-wrap取值:

    10

    word-break取值:

    11

    原文:http://www.ido321.com/450.html











    展开全文
  • css入门小知识

    千次阅读 2020-05-24 10:10:09
    CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 css样式: 内联样式,即直接写到标签里的style属性,可以对该标签添加样式,每个样式用;分开,但是不方便复用,属于结构(html...

    层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

    css样式:

    在这里插入图片描述
    内联样式,即直接写到标签里的style属性,可以对该标签添加样式,每个样式用;分开,但是不方便复用,属于结构(html)与表现(css)耦合。
    在这里插入图片描述
    内部样式,即将style放在head标签中声明,此时称为选择器。
    结构:先写一个a标签的名字(例如p,h1,body等),然后用一对中括号围起来,里边写样式,还是用分号分开。这样就可以将该页面的全部a标签设置为刚才写的样式。例如:
    在这里插入图片描述
    这里的 type是类型 text是文本,css就是样式(固定格式记住就行)。
    在这里插入图片描述
    外部样式,即新建一个css文件,在html文件中再用link标签连接起来,这样可以最大程度的进行复用,也是最推荐的一种方式。
    格式:

    <link rel="stylesheet" type="text/css" href="style.css">
    style.css即是我们写好的外部样式。

    CSS的语法:

    注释:css的注释和html不同,用/* */来写注释。
    选择器:通过选择器可以选中页面中指定的元素,并且将声明块中的样式应用到选择器对应的元素上。

    声明块:声明块紧挨在选择器的后边,使用一对{}括起来,声明块中实际上就是一组一组的名值对结构,这一组一组的名值对我们称为声明,在一个声明块中可以写多个声明,多个声明之间使用;隔开,
    声明的样式名之间使用:来连接

    小结:熟悉了css的小知识再学习选择器会更加方便啊,更多选择器请看css常用选择器(基础)

    展开全文
  • 小白CSS知识

    千次阅读 多人点赞 2020-08-14 10:01:24
    一:css三角形的制作 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .span1{ display: block; width: 0; ...

    1:css三角形的制作

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<style>
    			.span1{
    				display: block;
    				width: 0;
    				height: 0;
    				border-top: 40px solid red;
    				border-bottom: 40px solid rgba(0,0,0,0);
    				border-left: 40px solid rgba(0,0,0,0);
    				border-right: 40px solid rgba(0,0,0,0);
    				margin-top: 50px;
    			}
    			.span2{
    				display: block;
    				width: 0;
    				height: 0;
    				border-top: 40px solid red;
    				border-bottom: 40px solid salmon;
    				border-left: 40px solid mediumorchid;
    				border-right: 40px solid saddlebrown;
    				margin-top: 50px;
    			}
    		</style>
    	</head>
    	<body>
    		<span class="span1">
    			
    		</span>
    		<span class="span2">
    			
    		</span>
    	</body>
    </html>
    
    

    2.css定位类型有哪些

    1.static(静态定位): 这是页面元素position属性的默认值,元素将按照浏览器对网页中元素的排列规则排列。

    2.relative(相对定位):相对自身原来位置的定位!如果以前没有设置position或者position值为static,那么设置relative后,元素的left,right,top,bottom的位置参照自身原来的位置进行移动。

    3.absolute(绝对定位):这个大家应该都很了解,即脱离文档流的定位。定位参照物为自己的父级,但是自己的父级必须拥有position属性(父级position属性为static也不行,必须为absolute,relative,fixed中的一个)。如果自己的父级没有设置position属性,会一直向上寻找有position属性且不为static的的祖先元素,直到body元素。

    4.absolute(绝对定位):这个大家应该都很了解,即脱离文档流的定位。定位参照物为自己的父级,但是自己的父级必须拥有position属性(父级position属性为static也不行,必须为absolute,relative,fixed中的一个)。如果自己的父级没有设置position属性,会一直向上寻找有position属性且不为static的的祖先元素,直到body元素。

    5.fixed(固定定位):这个属性是元素以相对浏览器窗口为基准进行定位的,无论怎样移动你的滑动条,它都会固定在相对于浏览器窗口的固定位置,另外要注意,它的兄弟元素将会在位置排布上忽视它的存在。这个时候用的top,bottom,left,right也是相对于浏览器窗口而言的。

    6.position:sticky粘性定位
    position: sticky是CSS3新增的一处属性,可以说是相对定位relative与固定定位fixed的结合,它主要用在对scroll事件的监听上,简单来说,在滚动过程中,某个元素距离父元素的距离达到sticky粘性定位的要求时(比如:top: 40px;)position: sticky这时的效果相当于fixed定位,固定到适当的位置(比如:固定在距离屏幕上方40px处)

    3.css定位的三种方式
    /* 第一种
    父级元素:position: relative;

    子元素:
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    */

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<style>
    			*{margin:0;padding:0;}
    			/* 第一种 */
    			.box{
    				width: 400px;
    				height: 400px;
    				background-color: blanchedalmond;
    				margin-top: 50px;
    				margin-left: 50px;
    				position: relative;
    			}
    			.box .center{
    				width: 150px;
    				height: 150px;
    				background-color: blueviolet;
    				position: absolute;
    				top: 0;
    				left: 0;
    				bottom: 0;
    				right: 0;
    				margin: auto;
    			}
    			/* 第一种 */
    		</style>
    	</head>
    	<body>
    		<!-- 第一种 -->
    		<div class="box">
    			<div class="center">
    				
    			</div>
    		</div>
    	</body>
    </html>
    
    

    /* 第二种 */
    父级元素:position: relative;

    子元素:position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<style>
    			*{margin:0;padding:0;}
    			/* 第二种 */
    			.box2{
    				width: 400px;
    				height: 400px;
    				background-color: coral;
    				margin-top: 50px;
    				margin-left: 50px;
    				position: relative;
    			}
    			.center2{
    				width: 150px;
    				height: 150px;
    				background-color: #FFEBCD;
    				position: absolute;
    				top: 50%;
    				left: 50%;
    				transform: translate(-50%,-50%);
    			}
    			/* 第二种 */
    		</style>
    	</head>
    	<body>
    		<!-- 第一种 -->
    		<div class="box">
    			<div class="center">
    				
    			</div>
    		</div>
    		<!-- 第二种 -->
    		<div class="box2">
    			<div class="center2">
    				
    			</div>
    		</div>
    
    	</body>
    </html>
    
    

    第三种
    父级元素:弹性盒子
    display: flex;
    justify-content: center;
    align-items: center;

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<style>
    			*{margin:0;padding:0;}
    			/* 第三种 */
    			.box3{
    				width: 400px;
    				height: 400px;
    				background-color: skyblue;
    				margin-top: 50px;
    				margin-left: 50px;
    				display: flex;
    				justify-content: center;
    				align-items: center;
    			}
    			.center3{
    				width: 150px;
    				height: 150px;
    				background-color: orangered;
    				
    			}
    			
    			
    			
    			
    			/* 第三种 */
    		</style>
    	</head>
    	<body>
    		<!-- 第三种 -->
    		
    		<div class="box3">
    			<div class="center3">
    				
    			</div>
    		</div>
    		<!-- 第三种 -->
    	</body>
    </html>
    
    展开全文
  • CSS——CSS基础知识

    千次阅读 2020-06-26 20:55:55
    文章目录CSS的发展历程CSS 网页的美容师CSS初识引入CSS样式表(书写位置)内部样式表行内式(内联样式)外部样式表(外链式)三种样式表总结(位置)CSS样式规则外链案例内链案例 CSS的发展历程 从HTML被发明开始,...

    CSS的发展历程

    从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。
    随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是CSS便诞生了。

    CSS 网页的美容师

    CSS的出现,拯救了混乱的HTML,当让更加拯救了我们web开发者。 让我们的网页更加丰富多彩。

    CSS的最大贡献就是: 让 HTML 从样式中解脱苦海, 实现了 HTML 专注去做 结构呈现。 而样式交给 CSS 后,你完全可以放心的洗洗睡了!

    CSS初识

    CSS(Cascading Style Sheets) 美化样式

    CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

    CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。

    引入CSS样式表(书写位置)

    内部样式表

    内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:

    <head>
    <style type="text/CSS">
        选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
    </style>
    </head>
    

    语法中,style标签一般位于head标签中title标签之后,也可以把他放在HTML文档的任何地方。

    type=“text/CSS” 在html5中可以省略, 写上也比较符合规范, 所以这个地方可以写也可以省略。

    行内式(内联样式)

    内联样式,又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式,其基本语法格式如下:

    <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>
    

    语法中style是标签的属性,实际上任何HTML标签都拥有style属性,用来设置行内式。其中属性和值的书写规范与CSS样式规则相同,行内式只对其所在的标签及嵌套在其中的子标签起作用。

    外部样式表(外链式)

    链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到HTML文档中,其基本语法格式如下:

    <head>
      <link href="CSS文件的路径"  rel="stylesheet" />
    </head>
    

    复习: link 是个单标签哦

    该语法中,link标签需要放在head头部标签中,并且必须指定link标签的三个属性,具体如下:

    1. href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。
    2. type:定义所链接文档的类型,在这里需要指定为“text/CSS”,表示链接的外部文件为CSS样式表。
    3. rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。

    三种样式表总结(位置)

    样式表 优点 缺点 使用情况 控制范围
    行内样式表 书写方便,权重高 没有实现样式和结构相分离 较少 控制一个标签(少)
    内部样式表 部分结构和样式相分离 没有彻底分离 较多 控制一个页面(中)
    外部样式表 完全实现结构和样式相分离 需要引入 最多,强烈推荐 控制整个站点(多)

    CSS样式规则

    使用HTML时,需要遵从一定的规范。CSS亦如此,要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则,具体格式如下:
    在这里插入图片描述
    在上面的样式规则中:

    1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。
    2.属性和属性值以“键值对”的形式出现。
    3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。
    4.属性和属性值之间用英文“:”连接。
    5.多个“键值对”之间用英文“;”进行区分。
    可以用段落 和 表格的对齐的演示。

    外链案例

    在这里插入图片描述
    在这里插入图片描述

    内链案例

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<style>
    		h4 {
    			color: deeppink;
    		}
    		p {
    			color: #036;
    		}
    		h3 {
    			color: green;
    		}
    		div {
    			color: orange;
    		}
    	
    	</style>
    	<link rel="stylesheet" href="css/style.css">
    </head>
    <body>
    <h3>忆江南(1)</h3>
    
    <div>唐.白居易</div>
    
    <p>江南好,风景旧曾谙。(2) 日出江花红胜火,春来江水绿如蓝,(3) 能不忆江南。</p>
    
    <h4>作者介绍</h4>
    
    <p>白居易(772-846) ,字乐天,太原(今属山西)人。唐德宗朝进士,元和三年(808)拜左拾遗,后贬江州(今属江西)司马,移忠州(今属四川)刺史,又为苏州(今属江苏)、同州(今属陕西大荔)刺史。晚居洛阳,自号醉吟先生、香山居士。其诗政治倾向鲜明,重讽喻,尚坦易,为中唐大家。也是早期词人中的佼佼者,所作对后世影响甚大。</p>
    
    <h4>注释</h4>
    <p>
    	
    (1)据《乐府杂录》,此词又名《谢秋娘》,系唐李德裕为亡姬谢秋娘作。又名《望江南》、《梦江南》等。分单调、双调两体。单调二十七字,双凋五十四字,皆平韵。(2)谙(音安):熟悉。(3)蓝:蓝草,其叶可制青绿染料。
    
    </p>
    <h4>品评</h4>
    
    <p>此词写江南春色,首句“江南好”,以一个既浅切又圆活的“好”字,摄尽江南春色的种种佳处,而作者的赞颂之意与向往之情也尽寓其中。同时,唯因“好”之已甚,方能“忆”之不休,因此,此句又已暗逗结句“能不忆江南”,并与之相关阖。次句“风景旧曾谙”,点明江南风景之“好”,并非得之传闻,而是作者出牧杭州时的亲身体验与亲身感受。这就既落实了“好”字,又照应了“忆”字,不失为勾通一篇意脉的精彩笔墨。三、四两句对江南之“好”进  行形象化的演绎,突出渲染江花、江水红绿相映的明艳色彩,给人以光彩夺目的强烈印象。其中,既有同色间的相互烘托,又有异色间的相互映衬,充分显示了作者善于著色的技巧。篇末,以“能不忆江南”收束全词,既托出身在洛阳的作者对江南春色的无限赞叹与怀念,又造成一种悠远而又深长的韵味,把读者带入余情摇漾的境界中。</p>
    </body>
    </html>
    
    展开全文
  • CSS 知识图谱

    2019-02-02 23:37:20
    CSS知识图谱CSS知识概要 CSS知识概要
  • css基础知识

    千次阅读 2017-07-12 20:02:25
    css基础知识
  • CSS基础知识

    2019-04-12 19:24:34
    一些非常基础的关于CSS的基础的知识
  • css zIndex小知识

    2011-08-05 11:18:13
    只有加上position属性后 zindex才有用。 zindex的默认值是0. 如果各个层的位置是绝对的没有设置zindex值,top left等值是相同的,那么从上到下,依次叠加。 ...如果设置了zindex那么zindex越大越靠上
  • jquery/css需要记录的小知识(持续补充)

    千次阅读 多人点赞 2020-03-09 21:00:50
    这部分主要是汇总一些平时遇到的jquery和css小知识,作为笔记使用。 二、正文 1、jquery模拟select下拉框的选择事件,并传参数: self.selectArray[j].val(value的值).trigger('change'); 2、jquery正则匹配去掉...
  • css小技巧

    千次阅读 2018-06-15 10:26:08
     最后,因为这些知识点我是从 张鑫旭大神 的《css 世界》中学来,出于感激,帮他打个广告,在该书 page22 有更多更深层次的理解,对 css 有大兴趣的学友们可购买学习。 2、文字超出一行时做省略号处理  注:...
  • css/css3知识

    2017-04-07 18:47:41
    Bootstrap是Twitter推出的...一经推出后颇受欢迎,一直是GitHub上的热门开源项目。前端的核心是js.&gt; CSS知识点 Centering in CSS: A Complete Guide- https://css-tricks.com/centering-css-complete-guide/ ...
  • 最全CSS基础知识图片形式整理

    万次阅读 多人点赞 2019-07-14 12:39:30
    额外的CSS冷门实用技巧: calc()可以计算宽度高度。注意的是calc的参数中间的计算符号的前后要加空格。例如:width: calc(100% - 100px); object-fit:cover; —改变图片根据容器自适应 ...
  • CSS知识总结

    千次阅读 2020-08-28 09:21:47
    CSS简介 –层叠样式表(Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 –CSS是能够真正做到网页表现与内容分离的一种...
  • CSS冷门知识大全

    2019-08-08 20:14:34
    你未必知道的49个CSS知识点 https://juejin.im/post/5d3eca78e51d4561cb5dde12?utm_source=gold_browser_extension
  • CSS知识归纳

    千次阅读 2019-03-12 19:59:04
    面试题总结CSS知识点1、HTML中定义表格的宽度用80px与80%的区别是什么?2、 简述DIV元素和SPAN元素的区别。3、 在HTML页面布局中,position的值有哪几种?默认值又是什么?4、 怎样使一个宽为200px和高为200px的层...
  • CSS3知识点总结

    千次阅读 多人点赞 2016-05-13 22:20:41
    CSS3知识点总结
  • CSS的基本概念———每天一遍小知识

    千次阅读 多人点赞 2020-04-30 09:06:09
    为什么要使用CSSCSS允许您将特定样式应用于特定HTML元素。 CSS的主要好处是它使您可以将样式与内容分开。 仅使用HTML,所有样式和格式都位于同一位置,随着页面的增长,维护变得相当困难。 所有格式都可以(并且...
  • css代码如下: text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //这儿的数字代表的就是你所需要实现效果的第N行 -webkit-box-...
  • CSS重要知识点汇总

    千次阅读 2018-04-09 15:24:19
    CSS重要知识点汇总 本文通过对w3school的CSS基础教程,整理出比较常见的却又容易遗忘或者忽略的CSS相关知识点。本文的标题顺序与w3school中的CSS基础教程标题顺序保持一致。适合翻阅和复习。
  • Css

    千次阅读 2017-07-12 18:18:16
    Css 基础知识  Css顾名思义就是层叠样式;(Cascading style sheets)的缩写; 但是什么什Css? Html 描述了呈现的内容,而Css则是定义了这些内容的呈现样式; 列如:字体、颜色... 我们为什么要用到Css? 根据...
  • css3知识总结

    2015-04-10 17:34:32
    前段时间看完了《css3和html5权威指南》,这两天总结下css3的知识点。是以知识脉络图的形式呈现的,便于以后回顾。
  • 整理了CSS相关知识的思维导图 需要的评论发邮箱 别忘记点赞收藏哟!
  • HTML、css基础知识

    万次阅读 2019-06-05 19:33:27
    CSS层叠样式表 学习目标 理解 css的目的作用 css的三种引入方式 应用 css三种引用方式的书写 通过样式规则给标签添加简单的样式 1.HTML的局限性 说起HTML,这其实是个非常单纯的家伙, 他只关注内容的语义...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 223,783
精华内容 89,513
关键字:

css小知识