2em

首页 > TAG信息列表 > 2em

有趣且重要的css知识合集（3）好看的css

1、background:linear-gradient(90deg,rgba(237,219,211,1) 0%,rgba(202,152,124,1) 100%) 2、多边形①clip-path:polygon(50% 0,50% 0,100% 100%) 三角形 ②width:0;height:0;border-width:0 40px 40px;border-color:transparent transparent color 3、shape-outside 环绕

不完全笔记？

注释：项目要写注释，但是发布时候记得删除。要学会用操作者工具。h1默认字体大小为32px。display：inline，inline：在一行。a标签撑大li标签，图片可以尝试干掉平铺repeat，background-repeat：no-repeat；首行缩进text-indent：2em；行高line-hight：2em;em指字符位。精灵图定位用：background-position：x

今天的學習

1、输入ul>(li>a)*2 之后按table 会出现 <ul> <li><a ></a><> <li><a></a><> </ul>2、div.content 之后按table 会出现<div class="content"></div> te

css的一些特性（待添加）

margin: 0 auto; 整个元素居中 text-align: center;文本居中 background-position: 0px 0px ; 精灵图（x,y） background-repeat: no-repeat;平铺 display: inline-block;使一些元素在一行，不同于浮动 text-decoration: none;去下划线 text-indent:2em;首行缩进 line-height:2em;行距

CSS——圆角

例子1： <!DOCTYPE html> <html lang="en"> <head> <style> div { width: 350px; height: 100px; padding: 15px 0px 0px 25px; } .one { border-top-lef

移动Web页面开发

移动前端概述移动行业现状浏览器种类繁多，参差不齐除了系统原生浏览器，还有很对第三方浏览器。如UC，百度，腾讯，360，遨游等等，这些浏览器对HTML5的支持度不一，对网页的渲染和交互各有不同，还有一些浏览器性能堪忧，从而增加了前端开发成本。网速仍然是性能瓶颈在pc时代，网速是困扰用

关于px、rem、em、物理像素等

1. 物理像素　　设备像素，每个设备物理像素出厂已经确定，固定不变 2. css像素px 　　（1）px在屏幕上确定好不会随网页大小改变而改变，相对于一台设备来说是固定的　（2）对各个屏幕显示器分辨率而言，px又是不同的，即相对的 3.rem 　　（1）相对于根元素<html>来设定大小　　（2）用法：根元素设置

emmet快速生成HTML结构语法+ CSS样式

代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w

更改网页内滚动条效果

/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 9px; height: 9px } /*定义滚动条轨道*/ ::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em;

63(原67).纯 CSS 创作单元素点阵 loader

原文地址：https://segmentfault.com/a/1190000015444368 感想：CSS又一次让我见识到它的强大之处 --》 box-shadow 。拓展地址： HTML code： <div class="loader"></div> CSS code： html, body { margin: 0; padding: 0;}/* 设置所有元素的width

test

body { padding:0 10%; font-family: "Helvetica" ,"Arial",Serif; color: #333; background: #ccc; margin: 1em 10%;}p{ font-weight: bold; font-size:1em; color:#cc6666; padding-left: 2em; line-height: 2em; d