strongerPian - 博客园

2020年3月24日

摘要： html的语言组成标签常规标记(双标签):<标签属性="值"属性="值"></标签> 空标记(单标签):<标签属性="值" /> 常用标签 h1-h6: 标题标签特征: 文字加粗变大，依次变小，单独占据一行，h1在一个页面中只允许出现一次，其他的可以多次出现，常用 h2-h3 i / e 阅读全文

posted @ 2020-03-24 19:52 strongerPian 阅读(150) 评论(0) 推荐(0) 编辑

视口

摘要：视口：浏览器显示页面内容的屏幕区域布局视口：一般移动端设备的浏览器都默认设置了一个布局视口，为了解决早期PC端页面在移动端上的显示问题视觉视口：理想视口：是网站在移动设备的浏览器中最理想的状态对设备来说是最理想的尺寸引入一个meta标签，通知浏览器进行对应操作 meta标签的主要目的就是为阅读全文

posted @ 2020-03-24 17:54 strongerPian 阅读(373) 评论(0) 推荐(0) 编辑

三栏布局

摘要：弹性盒下的横向与垂直三栏布局阅读全文

posted @ 2020-03-24 12:14 strongerPian 阅读(119) 评论(0) 推荐(0) 编辑

2020年3月23日

响应式布局

摘要： 1、多列布局 2、响应式布局 3、媒体查询阅读全文

posted @ 2020-03-23 17:11 strongerPian 阅读(120) 评论(0) 推荐(0) 编辑

2020年3月22日

使用CSS属性设置table表格圆角

摘要：有些情况下需要给表格设置圆角，但是border-radius与border-collapse:collapse;会产生冲突，给table设置border-radius并不会生效。可以通过减少单元格框线的方式来不设置boder-collapse;collapse; 这样就能给表格添加圆角了。源码如下：阅读全文

posted @ 2020-03-22 22:31 strongerPian 阅读(2897) 评论(0) 推荐(0) 编辑

2020年3月20日

弹性盒模型

摘要：弹性盒模型标准盒模型：宽高不包含内边距和边框，各自独立怪异盒模型：宽高包含内边距和边框怪异盒模型触发方式： 1、丢失在IE678下触发 2、给元素添加box sizing:border box; 弹性盒布局： display:flex; display:inline flex; 作用：控阅读全文

posted @ 2020-03-20 18:45 strongerPian 阅读(128) 评论(0) 推荐(0) 编辑

2020年3月19日

CSS3属性

摘要： 1、文本阴影 2、文本换行 3、盒子阴影 4、背景属性 5、颜色模式 6、边框图片 7、圆角阅读全文

posted @ 2020-03-19 18:38 strongerPian 阅读(102) 评论(0) 推荐(0) 编辑

2020年3月18日

CSS3选择器

摘要： 1、属性选择器 2、伪类选择器 2.1 结构性伪类选择器 2.2 目标伪类选择器 2.3 UI 元素状态伪类选择器 2.4 动态伪类选择器 3、层级选择器阅读全文

posted @ 2020-03-18 17:18 strongerPian 阅读(85) 评论(0) 推荐(0) 编辑

2020年3月17日

HTML5基础2

摘要： 1、新增type类型 2、新增表单属性 3、新增表单标签list/output 阅读全文

posted @ 2020-03-17 19:50 strongerPian 阅读(89) 评论(0) 推荐(0) 编辑

HTML5基础1

摘要： 1、语义化标签 2、多媒体标签阅读全文

posted @ 2020-03-17 14:09 strongerPian 阅读(127) 评论(0) 推荐(0) 编辑