CSS学习
sxl不想学习
这个作者很懒,什么都没留下…
展开
-
盒子模型
1.盒子模型:盒子模型就是把HTML页面的元素看作一个矩形盒子。矩形盒子是由内容(content)、内边距(padding)、边框(border)、外边距(margin)四部分组成。代码示例以上2.盒子的真实尺寸盒子的width和height值固定时,如果盒子增加border和padding,盒子整体的尺寸会变大,所以盒子的真实尺寸为:盒子高度=height+padding上下+border上下盒子宽度=width+padding作用+border左右注意:盒子的真实尺寸只会受到宽度、高度、原创 2021-04-03 10:08:38 · 53 阅读 · 0 评论 -
CSS元素溢出和显示特性
CSS元素溢出:当子元素(标签)超过父元素(标签)的尺寸时。此时需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来完成。overflow的设置项:1.visible 默认值,显示子标签溢出部分。2.hidden 隐藏子标签溢出部分。3.auto 如果子标签溢出,则可以滚动查看其余的内容4.display属性的使用:display属性是用来设置元素的类型及隐藏的,常用的属性有:1)none元素隐藏且不占位置2)inline元素以行内元素显示3)block元素原创 2021-04-02 23:00:24 · 555 阅读 · 0 评论 -
CSS属性
1.CSS的布局常用样式属性1)width 设置元素(标签)的宽度。如:width:100px;2)height 设置元素(标签)的高度。如:height:200px;3)background 设置元素背景颜色或背景图片。如:设置元素的背景色:background:black;设置元素的背景图片:background:url(imgs/logo.jpg);4)border 设置元素四周的边框。如:设置元素四周边框是1像素宽的红色实线border:1px solid red;也可以写作:原创 2021-04-02 09:01:30 · 224 阅读 · 0 评论 -
CSS的引入方式
CSS的三种引入方式:行内式、内嵌式(内部样式)、外链式。1.行内式:直接在标签的style属性中添加css样式。2.内嵌式(内部样式):在标签内加入原创 2021-03-31 21:04:50 · 351 阅读 · 0 评论 -
CSS选择器
1.CSS:CSS选择器是用来选择标签的,选出来以后给标签加样式。2.CSS选择器的种类1)标签选择器2)类选择器3)层级选择器(后代选择器)4)id选择器5)组选择器6)伪类选择器3.标签选择器:根据标签来选择标签,以标签开头,此种选择器影响范围大,一般用来做一些通用设置。4.类选择器:根据类名来选择标签,以 . 开头,一个类选择器可应用于多个标签上,一个标签上也可以使用多个类选择器,多个类选择器需要使用空格分割,应用灵活,可复用,是css中运用最多的一种选择器。5.层级选择原创 2021-04-01 20:19:18 · 51 阅读 · 0 评论 -
CSS的学习
1.CSS的定义:CSS(Cascading Style Sheet)层叠样式表,它是用来美化页面的一种语言。2.CSS的作用(1)美化界面,比如:设置标签文字大小、颜色、字体加粗等样式。(2)控制页面布局,比如:设置浮动、定位等样式。3.CSS的基本语法选择器{样式规则}样式规则:属性名1:属性值1;属性明2:属性值2;属性名3:属性值3;。。。选择器:是用来选择标签的,选出来以后给标签加样式。代码示例:注意:CSS是由两个主要的部分构成:选择器和一条或多条样式规则(样式规原创 2021-03-31 19:29:09 · 48 阅读 · 0 评论