![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css属性
文章平均质量分 96
哲子君
这个作者很懒,什么都没留下…
展开
-
Flex 弹性布局
Flex 弹性布局Flex(弹性) 布局1.概念传统布局比较两端对齐布局:传统布局:伸缩布局:容器和项目两种容器2. 容器的属性设计在容器上的属性注意:1.flex-direction - 调整主轴方向1.flex-direction : row2.flex-direction : row-reverse3.flex-direction : column4.flex-direction : column-reverse2.justify-content - 调整主轴方向对齐方式1.justify-conte原创 2021-04-15 15:45:38 · 358 阅读 · 0 评论 -
面试题2
面试题2面试题2html部分第一题问:HTML全局属性(global attribute)有哪些(包含H5)?答:全局属性:用于任何HTML5元素的属性第二题:问:HTML 5的文件离线储存怎么使用,工作原理是什么?答:HTML5 的离线存储的使用:什么是HTML5 的离线存储?怎么使用HTML5的离线存储配置`manifest`文件`manifest`文件:`manifest`文件分为三个部分:常用`API`相关事件`application cache`的三个优势:注意事项:离线缓存和传统浏览器缓存的区别原创 2021-01-20 21:55:54 · 189 阅读 · 0 评论 -
rem
rem响应式设计1.rem1.1 为什么使用 rem 布局1.2 rem单位2.媒体查询2.1 为什么使用媒体查询2.2 定义和使用:2.3 CSS 语法:2.4 逻辑操作符:2.4.1 and2.4.2 or2.4.3 not2.4.4 only2.4.5 `,` (逗号)2.5 媒体类型:2.6 媒体功能:2.6.1案例:2.6.1.1 5 不同屏幕宽度设置body背景:2.6.1.2 通过媒体查询改变文字大小2.7 媒体查询书写规则2.8 媒体特性**案例**2.9通过媒体查询实现响应式布局3. le原创 2021-01-14 18:17:37 · 315 阅读 · 0 评论 -
第一天面试题
这里写目录标题面试题html部分第一题:问:页面引入样式时,使用link和@import有什么区别?答:在此补充css引入的四种方式方式一:内联样式方式二:嵌入样式方式三:链接样式方式四:导入样式第二题:问:html的元素有哪些(包含H5)?区分出行内元素、块级元素、空元素并在后面简要标注下作用。如:**行内元素:**br - 换行答:**块级元素:****行内元素**行内块去除的元素注意几个补充知识点定义HTML元素大致可以分成以下几种类别定义页面结构(Structure elements)定义内容(Te原创 2021-01-12 22:23:00 · 225 阅读 · 0 评论 -
2020-12-17
考前知识点复习css考点1.让一个小div在大div中水平垂直居中的方法使用 margin:0 auto; 进行水平定位.parent{ width:300px; height:200px; border:1px solid red; position:relative;}.child{ width:100px; height:100px; border:1px solide violet; position:absolute;原创 2020-12-17 15:40:30 · 1249 阅读 · 0 评论 -
html+css学习笔记-搭建
一、标签语义化(重点):1、可以方便代码的阅读和维护2、同时让网络爬虫更好的解析从而更好的分析其内容3、更好的优化引擎如何做到标签语义化:个人理解是,首先,网页的HTML主要作用在网页的结构上面,W3C规范定义了很多标签,标签都具有它的意义,例如:定义的是一个段落 ~分别定义了标题的大小;这些一个一个的标签都有它的使用用途,根据相应的定义来使用它,使得我们能够有上图的一些结构方面语义化后带来的网页优势。二、HTML和CSS:HTML(超文本标记语言)是用于网页的结构,我们每个盒子里面的结构都有相原创 2020-12-08 17:09:26 · 531 阅读 · 0 评论 -
display案例-下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> a{ tex原创 2020-09-16 09:33:18 · 438 阅读 · 0 评论 -
css中display属性作用大全
定义和用法display 属性规定元素应该生成的框的类型。实例设置段落生成一个行内框:p.inline{ display:inline;}使用说明说明 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。默认值inline继承no版本css1J原创 2020-09-14 09:38:23 · 3780 阅读 · 1 评论