目录: 1. 文本单行显示,并对超出部分截断以省略号代替: 2.列布局或栅格布局:比如:左侧固定宽度,右侧占满剩下的宽度: 章节: 1. 文本单行显示,并对超出部分截断以省略号代替:参见以下代码: div{ /*当文本溢出时,显示省略号*/ text-overflow: ellipsis; /*强制文本不换行*/ white-space: nowrap; /*内容超出宽度时自动隐藏超出部分*/ overflow: hidden; } 2.列布局:比如:左侧固定宽度,右侧占满剩下的宽度:…

CSS 常用列表样式 CSS没学扎实,复习记录一下.下面是一些常用的属性 list-style-image 指定一个图片作为列表项的标记 默认值none,可设置为图片的url list-style-image:url(...); 此属性会覆盖list-style-type 通常这两个属性都写,避免url失效,或浏览器不支持而没有小图标 list-style-position 设置列表前的标记位置在列表里面还是外面 默认值outside,可以设置为inside 有时候遇到的列表布局问题,就是这个属…

/*style reset*/ body,ul,p,h1,h2,h3,h4,h5,h6,dl,dd,form,input,textarea,select{padding:0; margin:0;font:12px/1em "宋体";} li{list-style:none;} img{border:none;vertical-align:top;} a{text-decoration:none;} .clearfix{*zoom:1;} .clearfix:after{     con…

1.HTML Tag p{color:red;} 2.id #myid{color:red;} 3.class .myclass{color:red;} CSS常用文本样式属性 color font-size font-style(normal,italic,oblique) font-weight(normal,bold,100~900) line-height text-align text-decoration(underline,line-through) word-spacing…

Normalize.css是一种CSS reset的替代方案.它在默认的HTML元素样式上提供了跨浏览器的高度一致性.相比于传统的CSS reset,Normalize.css是一种现代的.为HTML5准备的优质替代方案(https://necolas.github.io/normalize.css/7.0.0/normalize.css) 创造normalize.css有下面这几个目的: 保护有用的浏览器默认样式而不是完全去掉它们 一般化的样式:为大部分HTML元素提供 修复浏览器自身的bug…

CSS自定义样式 1. 自定义字体 先将字体文件放到web服务器上,需要时自动下载到用户计算机上 属性:@font-face 例: @font-face{ font-family:myFont; src:url("自定义字体路径"); } p{font-family:myFont;} 注意:一次只能引入一种字体,引入多种字体需要写多个@font-face. 2. sprite雪碧图 CSS雪碧,即CSS Sprite,是将小图标和背景合成到一张图片上,利用CSS背景定位来显示需要显示的…

1.CSS字体和文本相关属性 属性 font-family 规定文本的字体系列,比如:“serif” ''sans-serif" font-size 规定文本的字体尺寸 font-style 规定文本的字体样式.主要有normal, italic,oblique font-weight 规定字体的粗细.主要有normal, bold,自定义粗细 color 设置文本颜色 letter-spacing 设置字符间距 line-height 设置文本行高 text-align 设置文本的对齐方式,有…

对于初学css的来说,肯定会觉得这么多样式不好记,而且记住了也容易忘,其实刚开始我们不用去记这么多的样式,确实是记了也会忘,刚开始只需记住一些常用的就可以了,然后在慢慢的使用过程当中接触并学习一些高级点的,这才是一个靠谱的渐进过程,下面列出一些css常用属性,仅供参考 “文字”属性共有8项: 1.“字体”(font-family),设定时,需考虑浏览器中有无该字体. 2.“大小”(font-size),注意度量单位. 3.“粗细”(font-weight),除了normal(正常).bold(粗…

思路:使用label上的for熟悉,与checkbox上的id相对应来达到点击选中效果,在使用伪元素,或者其他元素,定位至checkbox上方,替代checkbox,并且隐藏checkbox,使用CSS3选择器:checked  + 毗邻选择器,选中后给伪元素,或者其他元素添加选中样式:   兼容:     :after 兼容IE8+     : checked  兼容IE9+     综上述:自定义样式兼容IE9+     可使用IE8hack的方式,让IE8-使用原来的checkbox样式…

CSS常用样式及示例 一.简介      层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言.相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示…