htmlhtml设置文字间距右对齐？

来源：蜘蛛抓取(WebSpider) 时间：2022-11-30 06:28 标签： html设置文字间距 
层叠样式表，每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束

1.行内式:行内式是在标记的style属性中设定CSS样式

3.链接式（推荐用这种方法): 将一个.css文件引入到HTML文件中 

E F 后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格分隔
E > F 子元素选择器，匹配所有E元素的子元素F 
E + F 毗邻元素选择器，匹配所有紧随E元素之后的同级元素F(只匹配一个）
E~f 弟弟选择器 E后面所有的兄弟F标签
分组：
不同的选择器用的样式相同时，用分组选择器来统一设置元素样式。
用逗号隔开 选择器1,选择器2{样式1：值1} #i1,p{color: red;}
嵌套：多种选择器可以混合起来使用
.c1 p {color: red;} .c1类内部所有p标签设置字体颜色为红色
div.c1 #d1~p
用于选取带有指定属性的元素
p[title] {color: red;} 元素选择器可省略
用于选取带有指定属性和值的元素
只要你敢不懦弱，凭什么我们要错过 
继承是CSS的一个主要特征，它是依赖于祖先-后代的关系的
} #在style应用，则文本内容全部默认为红色 
选择器的优先级：
1.内联样式的权重为1000 <p style="color: gold">烽烟起 寻爱似浪淘沙</p>
2.id选择器的权重为100
3.类选择器的权重为10
4.元素选择器的权重为1
权重计算永不进位
权重：谁的权重大，浏览器就会显示谁的属性
visibility:hidden: 可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。
display:none: 可以隐藏某个元素，且隐藏的元素不会占用任何空间。
margin: 用于控制元素与元素之间的距离；
padding: 用于控制内容与边框之间的距离
Border(边框): 围绕在内边距和内容外的边框
Content(内容): 盒子的内容，显示文本和图像
一个值时用于四边，上下左右值都相同 
在CSS中，任何元素都可以浮动,浮动元素会生成一个块级框
left：向左浮动
right：向右浮动
none：默认值，不浮动
浮动的四大特性：
1.浮动的元素脱标：脱离了标准文档流,在页面中不占位置
2.浮动的元素互相贴靠
3.浮动的元素由"子围"效果:浮动的标签不会覆盖其他标签，但影响其布局
4.收缩的效果：一个浮动元素。如果没有设置width，那么就自动收缩为文字的宽度
所有的标签一旦设置浮动，就能够并排，并且都不区分行内、块状元素，都能够设置宽高
只要要浮动就一定会有问题，造成父级塌陷
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值
.header-img {
 overflow: hidden;
 }
1.relative（相对定位）占位置 
作用： 1.父相子绝 2.微调元素
相对定位是相对于该元素在文档流中的原始位置，即以自己原始位置为参照物
2.absolute（绝对定位）：不占位置
设置绝对定位之后，不区分行内元素和块级元素，都能设置宽高
设置为绝对定位的元素框从文档流完全删除，相当于漂了起来，并相对于最近的已定位祖先元素定位
父相子绝’在我们页面布局中，是常用的布局方案。因为父亲设置相对定位，不脱离标准流，
子元素设置绝对定位，仅仅的是在当前父辈元素内调整该元素的位置
3.固定定位：脱离标准流，不占位置
固定导航栏,使用Z-index

z—index控制哪个标签显示在最上面
id为2的会在上面，离屏幕更近。z-index 仅能在定位元素上奏效。 
 
  
 
  
 



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 html设置文字间距 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐