js css html

常用样式

2022-07-19  本文已影响0人  前端Sultan
超出隐藏,不换行,省略号

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 // 大写罗马数字

上一篇 下一篇

猜你喜欢

热点阅读