首页 > 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> tecss的一些特性(待添加)
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: <!-- 定义 dom,只有 1 个元素 --><div class="loader"></div> CSS code: html, body { margin: 0; padding: 0;}/* 设置所有元素的widthtest
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