CSS使用小记

1. 省略显示　　

    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

固定宽度，nowrap，ellipsis是关键条件

时间： 2024-10-05 10:53:46

CSS使用小记的相关文章

css position 小记

在之前的面试中被问过这个问题好几遍,每次回答的都不尽人意这次好好整理下记录下来首先position提供一些属性来让我们实现定位的功能,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置 position的属性值, static:默认值元素出现在正常的流中,块级元素会生成一个矩形框,行内元素会生成一个或多个行框,置于其父元素中 inherit:规定从父元素继承父元素的position的值 fixed:生成绝对定位的元素,相对于浏览器进行

HTML/CSS/JS小记

HTML CSS 1..html插入.css <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> 2.调用元素的class: <div class="div1"></div> <syle> .div1 {margin:auto}

css reset 小记

reset css 作为一个菜鸟我第一次发现浏览器会默认的对p这样的元素设置margin 感觉心情就想发现了新大陆我才理解下面的这段代码的必要性 *{ margin:0; padding: 0; } 其实这样设置并不是一种好的方式当然你也见过这样的设置 h1,h2,h3,p,div { margin: 0; padding: 0; } 你在浏览器中审查元素发现div默认的margin padding 就是0 这样的设置也不合理况且你在上面的设置后在下面在对h1添加样式的时候有涉及到

CSS知识点小记

响应式布局 <meta name="viewport" content="width=device-widh,initial-scale=1"> /*** width=device-widh,:网页宽度默认等于屏幕宽度 initial-scale=1:网页的初始大小占屏幕面积的100% ***/ @media only screen and (min-width:640px){} @media only screen and (min-width:600

css常用小记-01

Color 设置文本颜色Direction 设置文本方向.line-height 设置行高.letter-spacing 设置字符间距.text-align 对齐元素中的文本.text-decoration 向文本添加修饰.text-indent 缩进元素中文本的首行.text-transform 控制元素中的字母.word-spacing 设置字间距. Background

小记css的margin collapsing

最近在做web页面设计的时候,莫名的发现最上面会出现一个横条,颜色为html的背景颜色.本意是那一片空横条应该为header的背景色.查了一些资料,发现是margin collapsing的问题,记录下来,希望初学者少走弯路. 从问题说起先给出demo的源码和截屏,给出一个直观的印象.代码如下: <!DOCTYPE html> <html> <head> <style type="text/css"> html { width: 100

校园网仿站——初学HTML&CSS小记

记录的时候已经完成了2/3,还剩一个循环动画.一个登录位置以及最下方的一些链接就完成了.在一开始做的时候,因为丝毫没有头绪,便开了Chrome开发者模式看了一会源代码(HTML),直到完成了1/3,才发现还有CSS的源代码,索性直接重做.重做的效率明显高了很多,在第一次仿的时候已经学到了很多HTML&CSS的知识,但是还是有很多不知道,只能一边做一边百度. 个人觉得,在学习的时候,并没有一个完整的系统,做一点学一点导致知识点零散,只有一小部门有关联,可以串起来. 这次的作业有几个问题: 一.

html+css小记

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义. 注意:id 属性只能在每个 HTML 文档中出现一次. 在现代布局中,id 选择器常常用于建立派生选择器. 1 #sidebar p { 2 font-style: italic; 3 text-align: right; 4 margin-top: 0.5em; 5 } 上面的样式只会应用于出现在 id 是 sidebar 的元素内的段落. 这个元素很可能是 div 或者是表格单元

CSS小记(持续更新......)

1 内联元素和块级元素的区别以及display的三种属性区别在说起display属性之前,就必须先说说什么是文档流,以及文档流中的内敛元素和块级元素又是指什么? 一直觉得理解了文档流的概念,一堆CSS布局也就理解起来相对容易点,因为很多布局也都是基于这个理论的,那么什么是文档流呢? 文档流: 将html代码自上而下,从左到右的顺序排列,即为文档流..在文档流中块级元素(block)特性表现在,如果不加其他属性,它是一个矩形空间,默认是占一行,可以通过调整高度,宽度,边距来调整矩形的布局 --