本文由云+社区发表 本文将通过三个简单的实例,实际应用上篇文章的基础理论知识,展示下Flex布局是如何解决CSS布局问题。 一.垂直居中 这里同时用非flex布局和flex布局两种方式来实现,可以对比两种实现方式的差异。 1.1用margin实现垂直居中 实现方式: 父元素采用相对定位,子元素采用绝
转载 2018-12-17 18:16:00
158阅读
2评论
[url]http://www.divcss5.com/shili/[/url]
css
原创 2023-05-29 11:03:57
76阅读
选择器分类简单选择器基础选择器属性选择器伪类选择器伪元素选择器组合选择器基础选择器   
原创 2016-07-17 13:10:28
1536阅读
CSS 如何学习 CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页 (文字,阴影,超链接,列表,渐变....) 盒子模型 浮动 定位 网页动画(特效效果) 什么是CSS Cascading Style Sheet 层叠样式表 CSS:表现层(美化网页) 字体、颜色、边距、 ...
转载 2021-07-15 08:53:00
108阅读
2评论
一、CSS介绍 CSS是指层叠样式表 cascading style sheets 通过CSS可以让我们定义HTML元素如何显示。 CSS可以让我们原本HTML不能描述的效果,通过CSS描述出来。 通过CSS描述我们的html页面,可以让我们的页面更加漂亮,可以提高工作效率。 二、CSS与HTML结 ...
转载 2021-08-02 17:04:00
128阅读
2评论
1. CSS基本语法 CSS使用格式选择器 {属性 : 值;属性 : 值;…}说明:选择器是将样式和页面元素关联起来的名称属性名是希望设置的样式属性
原创 2022-06-20 21:06:33
274阅读
Web前端开发css基础样式总结 颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色 单位 px:像素,与分辨率设置相关. %相对于浏览器的百分之多少,可以
原创 2021-07-23 09:13:58
134阅读
1:Rounded corners without images 效果图—— Rounded corners without images .rtop, .rbottom{display:block}.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}.r1{margin: 0 5px}.r2{margin...
转载 2008-05-05 22:25:00
101阅读
2评论
CSS 分页实例 一、简单分页 如果你的网站有很多个页面,你就需要使用分页来为每个页面做导航。 以下实例演示了如何使用 HTML 和 CSS 来创建分页: 效果: 二、点击及鼠标悬停分页样式 如果点击当前页,可以使用 .active 来设置当期页样式,鼠标悬停可以使用 :hover 选择器来修改样式
转载 2018-07-24 10:15:00
316阅读
2评论
background
css
原创 2021-07-27 20:52:51
177阅读
css background实例
原创 2022-06-30 17:05:47
99阅读
HTML部分代码Start with having a wrapping container div called m
原创 2010-06-21 22:53:10
119阅读
1.解释一下display的几个常用的属性值,inline , block, inline-blockinline(行内元素):使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行. 不能更改元素的height,width的值,大小由内容撑开. 可以使用padding上下左右都有效,margin只有left和right产生边距效果,但是top和bottom就不行.bl
转载 2021-05-08 10:37:22
2964阅读
2评论
目录标签选择器类选择器id选择器通配符选择器字体属性文本装饰文本缩进行间距内部样式表行内样式表外部样式表标签选择器标签选择器,顾名思义,就是确定是哪个标签的,p标签了,div标签了等等等吧,其特点就是如果你选择了p标签,那么所有的p标签的样式都会服从你的定义,同理div等其他标签也是这样,来看个例子吧<!DOCTYPE html...
css
原创 2021-07-05 13:49:47
97阅读
定位组成 定位:将盒子定在某一个位置,所以定位也是在摆放盒子,将按照定位的方式移动盒子。 定位 = 定位模式 + 边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移决定了该元素的最终位置。 定位模式 定位模式决定元素的定位方式,它通过css的position属性来设置,其值可以分为四个: 值 ...
转载 2021-08-05 16:53:00
110阅读
2评论
CSS滤镜详解简介〓设置文字透明层次,模糊效果,给文字加光晕等这些本来要靠图片才能处理的效果,现在CSS可以既简单又快速的把它实现了……接着往下看就知道了。 〓正文〓  语法:STYLE="filter:filtername(fparameter1, fparameter2...)"  (Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)  滤镜说明:  Alpha:设置透明层次  blur:创建高速度移动效果,即模糊效果  Chroma:制作专用颜色透明  DropShadow:创建对象的固定影子  FlipH:创建水平镜像图片  FlipV:创
转载 2004-11-04 11:26:00
201阅读
2评论
链接:Backgrounds In CSS: Everything You Need To Know译文链接:css 背景全攻略转载请保留版权以及链接———————————————————————————
转载 2012-08-23 23:31:00
86阅读
2评论
第 1 页 《Div+CSS 布局大全》 整理者:Jesse Zhao 网站: 送给我最爱的女朋友蜜蜜,希望她可以永远快乐幸福!!! 《Div + CSS 布局大全》 第 2 页 目录 div+css布局入门 ..................................................................
原创 2023-08-23 15:05:48
242阅读
css动画,animation
原创 2024-01-08 13:51:17
59阅读
详细介绍css的浮动的性质,消除浮动的方法,实际开发的作用。讲解了标准流,浮动脱标的影响等等
原创 2024-01-08 14:03:23
130阅读
  • 1
  • 2
  • 3
  • 4
  • 5