css
css学习
郑板桥30
Viva la vida
展开
-
css定位装饰
1.相对定位:如果对某一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直(或水平)位置(top,right,bottom,left四值),让这个元素"相对于"它的起点进行移动。注:设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留;2.绝对定位:绝对定位使元素的位置与文档流无关,所以不会占用空间。与相对定位不同,绝对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。注:设置为绝对定位的元素框从文档流完全删除,并相对原创 2022-04-12 23:02:47 · 59 阅读 · 0 评论 -
css背景学习
1.background-color:规定要使用的背景颜色。background-color属性为元素设置一种纯色。2.background-position:规定背景图像的位置。3.background-size:规定背景图片的尺寸。4.background-repeat:规定如何重复背景图像。5.background-origin:规定背景图片的定位区域。6.background-clip:规定背景的绘制区域。background-attachment:规定背景图像是否固定或者随着页原创 2022-04-09 23:16:22 · 36 阅读 · 0 评论 -
css学习
1.bottom属性对于绝对定位元素,bottom属性设置单位高于/低于包含它的元素的底边。对于相对定位元素,bottom属性设置单位高于/低于其正常位置的元素的底边。2.flex属性flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。注意:如果元素不是弹性盒模型对象的子元素,则 flex 属性不起作用。3.padding属性padding 简写属性在一个声明中原创 2022-04-07 22:34:38 · 166 阅读 · 0 评论 -
css学习
1.font复合属性利用font可以进行综合书写,但是要按规定的顺序来写,规定:font-style font-weight font-size/line-height font-family。其中前两个可以省略,省略的话就输入默认值,后面的两个不能省略。2.水平对齐方式可以使用text-align属性来指定文本的水平对齐方式left:左边对齐center:居中对齐right:右边对齐3.行高在css中,line-height属性是使用来设置行高,即设置行间的距离。有2...原创 2022-04-05 22:14:05 · 40 阅读 · 0 评论 -
css选择器1
CSS 元素选择器最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身CSS 类选择器类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用,也可以与其他元素结合使用。提示:只有适当地标记文档后,才能使用这些选择器,所以使用这两种选择器通常需要先做一些构想和计划。要应用样式而不考虑具体设计的元素,最常用的方法就是使用类选择器。.原创 2022-04-02 22:05:38 · 213 阅读 · 0 评论 -
css的引入方式
(1)链接式 : 在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用html规则引入外部css (用得比较多)(2)导入式 : 将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,<style>标记也是写在<head>标记中(3)内嵌式是在HTML中创建一个style标签,把css样式写入style标签内,style标签可以写在HTML中的任何位置,通常写在head标签内原创 2022-03-31 22:18:43 · 801 阅读 · 0 评论