CSS/CSS3
css/CSS3
HaanLen
这个作者很懒,什么都没留下…
展开
-
响应式网页设计
什么是响应式网页?响应式网页的核心思想:“一次设计,普遍适用”不管使用什么设备,打开及显示的都是同一个地址、同一个网页,布局及显示适应不同的浏览环境媒体查询及应用媒体查询(Media Query)是CSS 3 中获取用户行为和设备环境(比如屏幕宽度、屏幕分辨率、设备方向等)并适配相应的CSS规则的过程,可以让CSS 能更精确地作用于不同的媒体类型和同一媒体的不同条件,也可以为一些特定的输......原创 2020-02-23 10:53:56 · 3761 阅读 · 0 评论 -
利用HTML5/CSS3写一个网站布局
页面视图:代码查看:https://github.com/YanHSana/ResponsiveWesite原创 2020-03-07 21:20:13 · 451 阅读 · 0 评论 -
Grid布局常用属性总结
基本布局 <div class="box"> <div class="list">1</div> <div class="list">2</div> <div class="list">3</div> <div class="list">4</div> <div class="list">5</div> <div class="li原创 2020-08-12 17:54:31 · 1803 阅读 · 0 评论 -
双飞翼布局
https://app.yinxiang.com/fx/772e8b98-70c3-4295-a04d-d73a540d0472原创 2020-03-12 11:57:17 · 125 阅读 · 0 评论 -
Flex弹性布局
https://app.yinxiang.com/fx/a1cbf7b4-4151-4e7a-9278-15fe1d59f179原创 2020-03-12 11:58:14 · 143 阅读 · 0 评论 -
CSS3常见属性(上篇)
CSS3边框1、border-radius(圆角)div{ border:2px solid; border-radius:25px;}2、box-shadow(阴影)div{ box-shadow: 10px 10px 5px #888888;} 3、border-image(边界图片)div{ border-image:url(border.png) 30 30...原创 2020-03-12 11:25:31 · 331 阅读 · 0 评论 -
第7篇:网页布局(CSS)
上中下一栏板式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>上中下三栏版式</title> <style type="text/css"> *{margin: 0px;padding: opx;} body{...原创 2019-12-18 22:53:52 · 416 阅读 · 0 评论 -
第6篇:盒子的CSS排版(CSS)
普通流排版根据排列顺序划分元素块级元素(block level):块级元素独占一行,其宽度自动填满父元素宽度,并和相邻的块级元素依次垂直排列,可以设定元素的宽度和高度以及四个方向的内、外边距。块级元素一般是其他元素的容器,可以容纳块级元素和行内元素。常见块级元素:div,li,p,h1-h6行内元素(inline):行内元素不会独占一行,相邻的行内元素会排列在同一行距,直到一行排...原创 2019-12-18 22:53:41 · 1237 阅读 · 0 评论 -
第5篇:盒子模型(CSS)
盒子模型盒子模型组成部分:content(内容),border(边框),padding(内边距),margin(外边距)content由width和height控制content的上下左右同时存在边框、内边距和外边距属性一个盒子实际在页面上占据懂得空间是由“内容+内间距+外边距+边框”组成的。通过设定盒子的border,padding和margin来调节盒子的位置及大小。盒...原创 2019-12-18 22:53:30 · 159 阅读 · 0 评论 -
第3篇:css常用属性(CSS)
css常用属性文本属性字体属性背景属性列表属性表格属性例子<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>css属性</title> <style type="text/css">...原创 2019-12-18 22:53:05 · 182 阅读 · 0 评论 -
第2篇:复合选择器(CSS)
交集选择器并集选择器(分组选择器)属性选择器后代选择器(包含选择器)子元素选择器选择某个的元素的所有子元素。基本语法:选择器1>选择器2{属性1:属性值1;属性2:属性值2;...}子元素选择器中两个选择器既可以是基本选择器,也可以是交集选择器,另外选择器1还可以是后代选择器。相邻兄弟选择器基本语法:选择器1+选择器2{属性1:属性值1;属...原创 2019-12-18 22:52:56 · 909 阅读 · 0 评论 -
第1篇:CSS基本选择器(CSS)
css介绍1、CSS(层叠样式表)是一种格式化网页的标准方式,用于设置网页的样式,并允许样式信息与网页内容分离的一种技术。2、好处:(1)将格式和结构分离(2)精确控制页面布局(3)制作体积更小、下载更快的网页(4)可以实现许多网页同时更新基本选择器元素选择器元素选择器是最常用的一种选择器,元素选择器声明了网页中所有相同元素的显示效果基本语法:HTML元素{...原创 2019-08-09 10:51:10 · 1456 阅读 · 0 评论