红穆笔记
首页 语言笔记 CSS

CSS

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

css 背景图固定不滚动(background

css 背景图固定不滚动(background 语言笔记 CSS

background-attachment 属性body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; }标签定义及使用说明background-atta…
👁 210
CSS border

CSS border 语言笔记 CSS

div{ border:2px solid; border-radius:25px; }定义和用法border-radius 属性是一个简写属性,用于设置四个 border-radius 属性。提示:该属性允许您为元素添加圆角边框!默认值:0继承性:no版本:CSS3JavaScript 语法:ob…
👁 175
css normalize.css是做什么的?

css normalize.css是做什么的? 语言笔记 CSS

Normalize.css 使浏览器呈现所有 HTML 元素更加一致,并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Nor…
👁 344
css3 响应式布局的坑

css3 响应式布局的坑 语言笔记 CSS

在响应式布局的时候,由于不太熟练浮动布局,所以就用css3最新的弹性盒布局和网格布局来做,在做响应式的时候遇到了有点坑。之前的代码:@media (max-width:570px) { } @media (max-width:992px) { }这里说明一下,在写css时,最好明确响应的范围,如果只…
👁 119
css3 border属性总结(如何设置边框虚线?)

css3 border属性总结(如何设置边框虚线?) 语言笔记 CSS

border语法:border:<line-width> || <line-style> || <color> <line-width> = <length> | thin | medium | thick <line-style&g…
👁 243
html+css写的一个网站缩略图生成器

html+css写的一个网站缩略图生成器 语言笔记 CSS

::(不高兴)模板网站的缩略图都很好看,于是我也想,于是我折腾,结果我........摆烂 :@(装大款) 只写了一个PC端的,电脑可以拿去截图用::(阴险) 作用:可以生成你自己的网站缩略图效果图{hide}{cloud title="红穆网站缩略图生成源码" type="lz" url="htt…
👁 125
css 浮动后,父盒子没有高度解决办法

css 浮动后,父盒子没有高度解决办法 语言笔记 CSS

如下所示,子元素 div2 本身具有高度和宽度,但由于其具有float:left;属性后。其父元素 div1 不具有高度。<html> <head> </head> <body> <div id="div1"> <…
👁 171
css 定位(position)

css 定位(position) 语言笔记 CSS

语法:position:static | relative | absolute | fixed | center | page | sticky默认值:static适用于:除display属性定义为table-column-group | table-column之外的所有元素继承性:无动画性:否…
👁 119
css3 2D动画(transform)

css3 2D动画(transform) 语言笔记 CSS

transform语法:transform:none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() =…
👁 161
css vh和vw自适应

css vh和vw自适应 语言笔记 CSS

  在移动端中利用REM的相对于根HTML进行改变,通过一段JS实现了移动端自适应,本文则使用纯CSS视口单位来自行自适应,虽然现在的兼容性还没法完全能够接受,但不妨碍你认识这个vw和vh的强大。 响应式布局的实现依靠媒体查询( Media Queries )来实现,选取主流设备宽度尺寸作为断点针对…
👁 356
1 2 3 4