css-在线源码网

实例演示媒体查询(移动优先)

媒体查询 1.媒体：信息载体、如屏幕、手机、打印机... 2.查询：根据媒体宽度确认展示方式及内容 3.指令：@media，默认screen即屏幕 4.属性：max-width，min-width 5.操作符：and，not，only 6书...

CSS笔记笔记教程

昊森31天前

0478

css常用单位

单位类型绝对：像素（px），不管元素用什么单位，浏览器统一转换为px 相对：百分比（%），继承字号（em），根字号（rem），视口（vw、vh）其他：厘米（cm），毫米（mm），英寸（in=2.54cm=96p...

CSS笔记笔记教程

昊森32天前

0525

盒模型和盒大小计算方式

一切皆‘’盒子‘’ 在html中一切都是盒子组成盒子是页面中可见的矩形区域五大属性 width：宽 height：高 padding：内边距 border：边框 margin：外边距 border 可见属性可以设置：width,sty...

CSS笔记笔记教程

昊森36天前

0638

细说选择器权重与使用场景

选择器权重下面这段代码我们可以看出，我们给h3设置了蓝色和红色，但是它页面内只渲染出了红色。那是因为css是层叠样式表，逐级向下运行，我们的蓝色被它盖住了。那我们在源码不变的情况下让...

CSS笔记笔记教程

昊森40天前

04714

实战使用css选择器做一个下拉菜单

下拉菜单实战 html代码 <!DOCTYPE html> <html lang='zh-CN'> <head> <meta charset='UTF-8' /> <meta http-equiv='X-UA-Compatible' content='IE=edge' /> <meta name='view...

CSS笔记笔记教程

昊森44天前

06914

细说CSS选择器

基本选择器根据元素的基本特征匹配元素 1.标签：tag 2.属性：[attr=value] id、class是高频属性，有专用语法糖 id属性：#id class属性：.class 标签选择器 <!DOCTYPE html> <html lang='...

CSS笔记笔记教程

昊森44天前

02012