首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
CSS--文档流和定位
CSS--文档流和定位 文档流 文档中标签在排列时所占的位置,在每行中按从左至右的顺序排放标签,即为文档流。 改变排放顺序的两种办法 1·浮动float 2·css定位 浮动 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></ti
93
代码人生
01-01 08:00
代码人生
CSS--盒子模型
CSS--盒子模型 盒子模型01 如果把所有的标签都想象成盒子,那么我们对网页的布局就相 当于是摆放盒子。 我们只需要将相应的盒子摆放到网页中相应的 位置即可完成网页的布局。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>&
93
代码人生
01-01 08:00
代码人生
CSS学习21-页面布局整体思路
CSS学习21-页面布局整体思路 页面布局整体思路 为了提高网页制作的效率,布局时通常有以下的整体思路: 必须确定页面的版心 ( 可视区 ) ,我们测量可得知。 分析页面中的行模块,以及每个行模块中的列模块。即页面布局第一准则。 一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置。即页面布局第二准则。 制作HTML结构。我们还是遵循 "先有结构,后有样式" 的原则。结
126
代码人生
01-01 08:00
代码人生
CSS学习20-CSS属性书写顺序
CSS学习20-CSS属性书写顺序 CSS属性书写顺序 建议遵循一下顺序: 布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式) 自身属性:width / height / margin / padding / border / background 文本属
103
代码人生
01-01 08:00
代码人生
CSS知识点
CSS知识点 实现div盒子水平垂直居中的几种方式 <body id="container"> <div id="middle"></div> </body> <style> html,body { height:100%; /* 注意ht
114
代码人生
01-01 08:00
代码人生
CSS中的选择器有哪些?
CSS中的选择器有哪些? 一、CSS选择器有哪些 CSS中的选择器很多,比如:ID选择器,类选择器,通配符选择器,伪类选择器等等,接下来主要介绍常用的几个。 1.标签选择器 语法:标签名{},eg:h1{}//为所有的h1元素设置样式。 2.ID选择器 &n
167
代码人生
01-01 08:00
代码人生
css选择器优先级如何计算
css选择器优先级如何计算 最近面试了一些求职者,我问css优先级计算规则是怎样的?答曰ID优先级>class>元素选择器,外联样式优先级低于内联样式,内联样式优先级低于行间样式,然后就没有然后了……,ID选择器的优先级确实>class选择器的优先级>元素选择器的优先级,但是外联样式优先级并不一定低于内联样式优先级。做为一个合格的前端工程师,让我们彻底搞清楚
115
代码人生
01-01 08:00
代码人生
CSS3原生变量使用
CSS3原生变量使用 1. 项目需求由于对多个老工程需要采用统一的样式风格统一,需要约定好一个css的变量文件,各个项目都可以随时引入但是又无需适配自己的预处理器。此时css的原生变量就是最好的选择了,这样无论使用less还是sass的都可以使用同一份全局css变量配置文件,并且对于之前未使用全局变量配置的less工程也无需再安装新的包来做变量处理。2. CSS3原生变量是什
96
代码人生
01-01 08:00
代码人生
CSS filter 有哪些神奇用途
CSS filter 有哪些神奇用途 背景 基本概念 CSS filter 属性将模糊或颜色偏移等图形效果应用于元素形成滤镜,滤镜通常用于调整图像,背景和边框的渲染。它的值可以为 filter 函数 <filter-function> 或使用 url 添加的svg滤镜。 filter: <filter-function> [<filter-func
105
代码人生
01-01 08:00
代码人生
css-input[type='file']光标效果
css-input[type='file']光标效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>自定义input[type=‘file‘]样式</title> </head> <body> <
101
«
1
2
...
4
5
6
7
8
9
10
...
76
77
»