CSS
关注
分享
扫一扫
文章平均质量分 65
适合CSS的初学者。
牛哄哄的柯南
keafmd(keep accumulate for my dream)
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
div实现可以滚动但不显示滚动条（纯CSS实现）
div实现可以滚动但不显示滚动条（纯CSS实现）想要的效果实现效果的核心代码参考想要的效果想实现滚动效果但是又不想显示滚动条，如下面两个图所示：从下面两个图可以看出，实现了滚动效果，动图弄着有点费劲，就委屈各位通过两个图片的变化看效果吧实现效果的核心代码首先有3个div第1个，固定大小是宽：200，高：200（单位为px，下同）第2个，不固定大小，其大小要用第3个div把个撑开，但是这个div必需要有滚动条第3个，固定大小与第1个div保持一致宽：200，高：200<di翻译 2021-05-07 10:24:01 · 6708 阅读 · 25 评论 -
CSS浮动
CSS浮动浮动的特性float属性三个div都不浮动第一个div浮动第二个div浮动三个div都浮动浮动的父子关系浮动影响父层盒子高度overflow属性溢出处理清除浮动浮动的特性1.浮动主要用于使得div脱离标准文档流，生成多列布局2.浮动就是让元素可以向左或向右移动，直到它的外边距碰到其父级的内边距或者是上一个元素的外边距(这里指的上一个元素不管它有没有设置浮动，都会紧挨着上一个元素）3.浮动元素支持所有的css样式 、内容撑开宽高 、多个元素设置浮动，宽度足够的话，会排在一行 、脱离文档原创 2020-11-05 22:24:07 · 5267 阅读 · 17 评论 -
CSS定位
CSS定位定位：标准文档流static定位相对定位绝对定位固定定位z-index属性网页元素透明度圆角边框定位：position属性说明static默认值，没有定位relative相对定位absolute绝对定位fixed固定定位标准文档流标准文档流是指页面上从上到下,从左到右,网页元素一个挨一个的简单的正常的布局方式。一般在HTML元素分为两种：块级元素和行内元素。块级元素：块级元素是从上到下一行一行的排列，默认一个块级元素会占用一行，原创 2020-11-04 19:51:32 · 9536 阅读 · 16 评论 -
CSS表格和表单
CSS表格和表单表格-table表单-form表格-table我们想象中的表格是这样的↓图片我们想要在html中制造出这样的表格，就需要使用table，tr，td，caption，th这些标签table标签（表格）tr标签（行）td标签（标准单元格）caption标签（标题）th标签（表头单元格）为了更深一层对表格进行语义化，HTML引入了thead、tbody和tfoot这三个标签。这三个标签把表格分为三部分：表头、表身、表脚。标签说明table表格c原创 2020-11-03 20:27:46 · 6107 阅读 · 16 评论 -
CSS盒子模型
CSS盒子模型div是什么元素宽高边框边框颜色边框粗细边框样式边距内边距外边距display属性div是什么div 可定义文档中的分区（division），div 标签可以把网页分割为独立的、不同的部分，不像 h1，p标签，没有任何默认样式，其主要作用是标识网页上的某块区域。常见做法是通过给div元素加上id或class，然后通过css选中某个div，对其进行样式美化。大概就这样，可以把整个网页分成不同的部分。每个div可以看成一个盒子一个盒子中主要的属性有5个：width、height、原创 2020-11-02 21:25:34 · 5088 阅读 · 18 评论 -
CSS列表（有序，无序，去掉无序列表的点，列表一行显示）
CSS列表有序列表无序列表无序列表去掉点成行显示有序列表有序列表顾名思义就是会对列表排序例如这样↓1.第一句2.第二句3.第三句<ol> <li>第一句</li> <li>第二句</li> <li>第三句</li></ol>排序方式可分为五种1.数字排序2.字母排序3.小写字母排序4.罗马字母排序5.小写罗马字母排序样例代码：<!DOCTYPE html>原创 2020-11-01 17:11:40 · 34896 阅读 · 10 评论 -
CSS伪类
伪类选择元素基于的是当前元素处于的状态。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。伪类的名称不区分大小写。...原创 2020-11-01 15:22:58 · 5358 阅读 · 19 评论 -
CSS的文本样式
CSS的文本样式文本样式设置文本颜色设置元素水平对齐方式设置首行文本的缩进设置文本的行高设置文本的装饰文本样式属性名含义举例color设置文本颜色color:#00Ctext-align设置元素水平对齐方式text-align:righttext-indent设置首行文本的缩进text-indent:20pxline-height设置文本的行高line-height:25pxtext-decoration设置文本的装饰text-decor原创 2020-11-01 11:51:47 · 5386 阅读 · 14 评论 -
CSS文件是什么
CSS文件CSS文件是什么CSS文件怎么用怎么创建CSS文件怎么使用CSS文件CSS文件是什么css文件简单来说就是一种后缀名为".css"的文本文件它的作用简单来说就是把css代码和html代码分离开，同时一个css文件可以把很多修饰作用包装在一起，方便很多html文件使用，减少代码的重复量上张图：这就是CSS文件↓接下来说说CSS文件怎么用CSS文件怎么用怎么创建CSS文件直接创建一个后缀为".css"的文件即可↓怎么使用CSS文件首先我们先创建一个html文件原创 2020-10-29 09:25:56 · 32770 阅读 · 29 评论 -
CSS的字体样式
CSS的文本样式字体样式font-family属性font-size属性font-style属性font-weight属性font属性文本样式文本颜色字体样式属性名含义举例font-family设置字体类型font-family:“隶书”font-size设置字体大小font-size:12pxfont-style设置字体风格font-style:italicfont-weight设置字体的粗细font-weight:boldfont设置所原创 2020-10-31 22:59:32 · 4524 阅读 · 19 评论 -
CSS提高篇（复合选择器）
CSS复合选择器后代选择器交集选择器并集选择器后代选择器在CSS选择器中通过嵌套的方式，对特殊位置的HTML标签进行声明，外层的标签写在前面，内层的标签写在后面，之间用空格分隔，标签嵌套时内层的标签成为外层标签的后代。就是首先要符合外层标签然后还符合内层标签，这样的就可以被后代选择器修饰了看样例代码：<!DOCTYPE html><html> <head> <meta charset="utf-8">原创 2020-10-28 22:10:59 · 6233 阅读 · 29 评论 -
CSS入门基础（样式，css文件，选择器）
CSS入门学习CSS的简介基本用法给元素添加样式1.行内样式2.内部样式3.外部样式CSS的简介层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1]CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。基本用法给元素添原创 2020-10-27 20:16:34 · 4043 阅读 · 29 评论