![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 57 阅读 · 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 · 578 阅读 · 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 · 237 阅读 · 0 评论 -
CSS的引入方式
CSS的三种引入方式:行内式、内嵌式(内部样式)、外链式。 1.行内式:直接在标签的style属性中添加css样式。 2.内嵌式(内部样式):在标签内加入原创 2021-03-31 21:04:50 · 376 阅读 · 0 评论 -
CSS选择器
1.CSS:CSS选择器是用来选择标签的,选出来以后给标签加样式。 2.CSS选择器的种类 1)标签选择器 2)类选择器 3)层级选择器(后代选择器) 4)id选择器 5)组选择器 6)伪类选择器 3.标签选择器:根据标签来选择标签,以标签开头,此种选择器影响范围大,一般用来做一些通用设置。 4.类选择器:根据类名来选择标签,以 . 开头,一个类选择器可应用于多个标签上,一个标签上也可以使用多个类选择器,多个类选择器需要使用空格分割,应用灵活,可复用,是css中运用最多的一种选择器。 5.层级选择原创 2021-04-01 20:19:18 · 53 阅读 · 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 · 53 阅读 · 0 评论