css方法1(清除ul边距间隙,两端对齐,字母大写,首字放大)

一.清除ul自带左边间距

ul{
    margin: 0;
    padding: 0;
}

二.ul li 与li  之间隙

1.ul 设置font-size:0 ; 子li 设置字体大小

2.把li写到一起,不换行

如:

<li>1</li><li>2</li><li>3</li>

三.text两端对齐

  -> 1.   text-align: justify;(对最后一行无效)

  -> 2.   text-alignjustify;    text-align-last:justify;  line-height:0;(全部两端对齐,或者单行文本两端对齐)

注:1.  text-align-last 要生效,必须先定义text-align 为justify

  2.   line-height:0 解决标准浏览器容器底部多余的空白

四.text字母大写

->  text-transform:capitalize;    (每个首字母大写)

->  text-transform:uppercase;   (所有字母都大写)

->  text-transform:lowercase;   (所有字母小写)

-> font-variant:small-caps;       (将段落设置为小型大写字母字体)

注:首字放大效果

 p:first-letter{
color:#ff0000;
font-size:xx-large;
font-weight: bold;
}

-> ::first-line   选择元素第一行

-> ::first-letter  选择第一个字符

-> ::selection    用来改变浏览页面时选中文字的默认效果

 

posted @ 2020-04-09 15:49  以深  阅读(1031)  评论(0编辑  收藏  举报
TOP