![](https://img-blog.csdnimg.cn/20210209013307699.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML5和CSS3
HTML5和CSS3
南初️
这个作者很懒,什么都没留下…
展开
-
css3布局
目录 一、移动端自适应 二、CSS3 弹性盒子 1. 弹性盒子的基础知识 2. 弹性布局的属性 三、CSS3 多媒体查询 1. 媒体查询的基本知识 2. CSS3 多媒体类型 3. 媒体查询的实例(根据同的屏幕尺寸,加载不同的css外部文件) (1)单条件媒体查询 (2) 双条件媒体查询 四、CSS3 多列属性 五、CSS选择器 一、移动端自适应 移动端适配标签 meta 等比例的伸缩方式 <meta name="viewport" conte...原创 2020-11-16 18:28:10 · 490 阅读 · 1 评论 -
CSS3新属性
一、边框属性 1. border-radius属性 border-radius: 10px 20px 30px 40px; border-radius: 10px 50px 30px; border-radius: 10px 50px; border-radius: 50px; border-bottom-left-radius: 20px; 2. box-shadow属性 box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10p.原创 2020-11-12 17:22:47 · 331 阅读 · 1 评论 -
html5新元素
html5适用于移动端、PC端都可以 移动端使用相对单位 rem em 移动端布局:flex(弹性布局) 多列布局 也可以使用固定布局 html5 移动端自适应 meta标签 css3里面有媒体查询(根据不同屏幕分辨率,去添加不同的样式):根据分辨率不同加载不同的效果 html5与html4的区别 +html5语义化更明确 html4:div header html5: header footer section ...原创 2020-11-10 19:12:56 · 432 阅读 · 1 评论