1:预格式化标签:<pre></pre>
2:overflow属性="visible/hidden(隐藏)"/scroll/auto(自动)/inherit;
visible:默认值,内容不会被修剪,会呈现在元素框外;
hidden:内容会被修剪,并且其余内容是不可见的
scroll:内容会被修剪,但是浏览器会显示滚动条,以便产看其它内容
auto: 如果内容被修剪,浏览器会显示滚动条,以便查看其它内容
inherit:规定应该从父元素继承overflow属性的值
3:空余空间:
white-space:normal/nowrap/pre/pre-wrap/pre-line/inherit
该属性用来设置如何设置元素内的空白
normal:默认值,空白会被浏览器忽略,
nowrap:文本不会被换行,文本会在同一行上继续,直到遇到<br/>标签为止;
pre:空白会被浏览器保留,其行为方式跟html中的pre标签
pre-wrap:保留空白符序列,但是正常的进行换行
pre-line;保留空白符序列,但是保留正常换行
4: >>
<<
©版权符号
5:text-overflow:clip/ellipsis
clip:不显示省略号,而是简单的裁切
ellipsis:当对象内文本溢出时,显示省略标记
text-overflow:当单行文本溢出时是否显示省略标记,并不具备其它的样式属性定义
6:还需要定义:
1、容器宽度:width:value
2、强制文本在一行内显示:white-space:nowrap;
3、溢出内容为隐藏:overflow:hidden;
4、溢出文本显示省略号:text-overflow:ellipsis;
5 、width:20em/不允许出现半汉字截断
样式属性(1)
时间: 2024-12-25 13:09:06
样式属性(1)的相关文章
为什么我们要使用min-height和max-height样式属性?
http://www.divcss5.com/rumen/r422.shtml 为什么我们要使用min-height和max-height样式属性? Css min-height应用地方解释 我们有时设置一个对象盒子时候避免对象没有内容时候不能撑开,但内容多少不能确定所以又不能固定高度,这个时候我们就会需要css来设置min-height最小高度撑高对象盒子.当内容少时候最小高度能将内容显示出,如果内容多余最小高度能装下时候,对象也会再随内容增多而增高. Css max-height最大高度应用
样式表分类及样式属性
样式表分类 1 内联式 在head后加style 在style里写选择器 2 外部式 创建css文本 ,在文本里写样式 用link连接将样式套入 3内嵌式 独立写个样式在必须head后 选择器 1 标签选择器 用表签名做选择器 2 class选择器 都是.{}开头 3 ID选择器 都是以#开头 4 复合选择器 用,隔开表示并列 5 后代选择器 用空格隔开表示后代 6 筛选选择器 用.开头 样式属性 1 <del></del
CSS控制列表样式属性list-style有哪些?怎么用?
CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云南小天使的回答很好的帮助了众多遇到同样问题的网友原文地址http://www.w3cschool.cn/css3/question-10231611.html 以下为回答原文: 一.什么是CSS列表? CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业
标签、样式属性
寻找标签 第一种 class选择器 .c1{} <div class='c1'>aaa</div> <div class='c1'>aaa</div> 第二种 标签选择器,为某一类标签(全部)定义 a{ color:red; } #这是为所有a标签,html中所有的a标签,全部红色字体 #div,span,select等等都行 # input 特殊 input[type='text']{ } #为input中所有type='text'的标签加一个样式 第三种
原创:新手布局福音!微信小程序使用flex的一些基础样式属性
来源:新手布局福音!微信小程序使用flex的一些基础样式属性 作者:Nazi Flex布局相对于以前我们经常所用到的布局方式要好的很多,在做微信小程序的时候要既能符合微信小程序的文档开发要求,又能使用不同以往的居中方式并减少css的相关样式声明. 先来看看关于flex的一张图: 从上面可以看到一些flexbox的相关信息, main axis 和 cross axis 指的是flexbox内部flex项目(flex item)的排列方向,通俗点说就是,里面的flex项目是按照横轴或者纵轴排列的顺
快速记住CSS样式属性单词及输入HTML+CSS的方法
快速记住CSS样式属性单词及输入HTML+CSS的方法,DIVCSS5介绍一种快速输入HTML代码.快速输入CSS样式英文单词与样式值输入方法.降低英文单词代码输入错误概率,提升输入代码速度.DW软件输入CSS和HTML的终极用法(非面板输入法). DIVCSS5教大家一种快速记住CSS样式属性单词及用法的方法,告别死记硬背才是硬道理. CSS样式布局中使用的CSS样式英文单词,不需要死记硬背,会使用认识,知道长什么样即可.在DIV CSS布局开发中对于是否会拼写CSS属性单词关系不大,会使用.
纯css3样式属性制作各种图形图标
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="
11-18网页基础--样式属性
第一课:样式属性 style 样式:style样式不仅可以直接在<body>中设置成整个网页的样式.格式:为了将样式.格式多样化,也可以将style单独抽出来,作为一个独立的个体,放在<head>..</head>中来分别设置不同元素.标签的格式和样式. 这样做出来的效果和在<body>中设置的格式是一样的,但有所区别的是单独把style写出来的样式可以只对某个或某几个标签有效,有效防止编写重复.费时和修改麻烦等: 还可以在style中对设置的格式的标签进行
如何为要被打印的内容设置CSS样式属性
如何为要被打印的内容设置CSS样式属性:有时候我们要打印的内容也是需要美观度的,并不希望太原汁原味了,所以要对其进行一下样式设置,本章节就简单介绍一下,如何利用CSS设置要被打印内容的样式,方式有多种,下面一一做一下简单介绍.一.使用link引入外部样式表: <link rel="stylesheet" href="css/style.css" media="screen" /> 以上代码的CSS样式用于屏幕显示效果,对于打印无效.关
4.3 常用的样式属性
CSS的属性非常庞大,庞大得好几本书都写不完,不过,没关系,我们可以从网上搜索相关资料或者查阅相关专著.这里只列出常用的且实用的CSS属性.下面我们就先来学习文本属性. 本节单词记忆:属性 1.background-color 2.background-image 3.text-align 4.background-repreat 5.margin 6.padding 7.border 网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不