![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
梧桐林的凤凰
做一个很好很好的人。
展开
-
学习媒体查询 2
媒体查询引入方式 这里有三种方式,根据注释可以查看: 1. html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,原创 2021-08-27 17:15:49 · 81 阅读 · 0 评论 -
学习媒体查询 1
1. 媒体查询 媒体查询:为不同尺寸的屏幕设定不一样的样式 <style> .header{ margin:0 auto; width: 100px; height: 200px; background-color: aqua; } @media screen and (min-device-width : 100px) and (max-device-width : 200px) {原创 2021-08-27 16:48:27 · 64 阅读 · 0 评论 -
03CSS优先级算法
CSS优先级算法 一、优先级就近原则 同权重下 就选择最近的样式定义为准 二、载入样式以最后载入的定位为准 !important > id >class > tag > important 比内联优先级高原创 2021-08-22 22:44:57 · 60 阅读 · 0 评论 -
02css选择符
02 css的选择符 <div id="father" class="box"> 父亲 <div id="son1" class="box1"> 孩子1 </div> <div id="son2" target class="box2"> 孩子2 </div> <p>我是p标签</p&原创 2021-08-22 22:39:12 · 48 阅读 · 0 评论 -
01盒子模型
盒子模型 一、种类 1.IE盒子模型 2.W3C盒子模型 二、盒模型 包括content(内容)、padding(内边距)、border(边框)、margin(外边距) 三、区别 IE的content把border和padding计算了进去 四、计算 width这个属性设置的值就是content的宽度 但是在IE5、6里面width就是content+padding+border ontent+padding+border ...原创 2021-08-22 22:30:23 · 73 阅读 · 0 评论