常用样式

作者: 前端Sultan | 来源:发表于2022-07-19 09:39 被阅读0次
超出隐藏,不换行,省略号

overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行

两行超出隐藏,不换行,省略号

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

CSS中划线(删除线)样式代码 (价格)

text-decoration:line-through;

a超链接

text-decoration: underline; /加下划线/
text-decoration:none; /删除下划线/

a链接伪元素

a:link /未访问的链接/
a:visited /访问过的链接/
a:hover /鼠标经过时/
a:active /在鼠标点击的同时/

css 3个4个5个字两边对齐

text-align-last: justify;
text-align: justify;
text-justify:distribute-all-lines;

边框样式border

none //无边框
dotted //边框为点线
dashed //边框为长短线
solid //边框为实线
double //边框为双线

鼠标手形状

cursor:hand;

垂直对齐

vertical-align //参数
top //顶对齐
bottom //底对齐
text-top //相对文本顶对齐
text-bottom //相对文本底对齐
baseline //基准线对齐
middle //中心对齐
sub //以下标的形式显示
super //以上标的形式显示

css文本缩进

text-indent // 缩进距离
12px相当于一个文字距离

字体样式

font-family : 宋体,sans-serif; /文字字体/
font-style: itelic; /文字斜体/
letter-spacing : 1pt; /字间距离/

列表样式

list-style-type //样式
circle // 标记是空心圆
square // 标记是实心方块
decimal //标记是数字
lower-roman //小写罗马数字
upper-roman // 大写罗马数字

相关文章

  • 2018-07-10 CSS样式表

    常用的样式属性(文本属性): 常用的样式属性(背景属性): 常用的样式属性(方框属性): 常用的样式属性: 内嵌样...

  • day2(乱)

    css样式 1 css样式属性 #1.1 样式重置(初始化样式) 1.2 常用属性 1.3 元素水平居中 2 常用...

  • :focus 、 :checked、:disabled选择器(C

    文: jack同学 :focus常用在表单聚焦样式 :checked常用在单选复选框的样式 :disabled常用...

  • 常用样式

    用 CSS 实现元素垂直居中 作者:Jaskey Lam链接:https://www.zhihu.com/ques...

  • 常用样式

    1、居中:margin: 0 auto;需要设置body { width: 100%; height:auto; ...

  • 常用样式

    1.各个浏览器透明度 2.css超出自动换行

  • 常用样式

  • 常用样式

    display inline-block实现网格效果 position static -- 默认relative ...

  • 常用样式

    transform transform: translate(0, 0); x>0, 向右移动 y>0, 向下移动...

  • 常用样式

    超出隐藏,不换行,省略号 overflow:hidden; //超出的文本隐藏text-overflow:el...

网友评论

    本文标题:常用样式

    本文链接:https://www.haomeiwen.com/subject/wrpjirtx.html