css
文章平均质量分 85
@山海*
这个作者很懒,什么都没留下…
展开
-
近期部分面试题
**水平且垂直居中的方法**方法一:使用定位的方法 .parent { width: 300px; height: 200px; border: 1px solid red; position:relative; } .child { width: 100px; height: 100px;原创 2021-03-24 17:40:53 · 200 阅读 · 0 评论 -
CSS基础
核心概念和知识点语法CSS 的核心功能是将 CSS 属性设定为特定的值。一个属性与值的键值对被称为声明(declaration)。color: red;而如果将一个或者多个声明用 {} 包裹起来后,那就组成了一个声明块(declaration block)。{ color: red; text-align: center;}声明块如果需要作用到对应的 HTML 元素,那还需要加上选择器。选择器和声明块组成了CSS 规则集(CSS ruleset),常简称为 CSS 规原创 2021-03-22 10:29:10 · 165 阅读 · 0 评论 -
面试题 第7和8天
iframe框架都有哪些优缺点优点重载页面时不需要重载整个页面,只需要重载页面中的一个框架页技术易于掌握,使用方便,可主要应用于不需搜索引擎来搜索的页面方便制作导航栏缺点会产生很多页面,不容易管理*不容易打印对浏览器搜索引擎不友好多框架的页面会增加服务器的http请求简述你对BFC规范的理解是CSS中的一个渲染机制,BFC就相当于一个盒子,内部的元素与外界的元素互不干扰。它不会影响外部的布局,外部的布局也不会影响到它。形成条件(任意一条)float的值不是nonepositi原创 2021-02-02 14:43:12 · 163 阅读 · 2 评论 -
利用js编写tab栏切换和选项卡
Html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href=.原创 2020-12-21 09:29:53 · 287 阅读 · 2 评论 -
html+css扩展
HTML部分1.基本结构骨架2.扩展3.块级元素行内元素span a i<span></span><a href="">超链接</a><em>斜体</em><i>斜体</i><b>加粗</b><strong>加粗</strong>行内元素特征:(1)设置宽高无效 (2)对margin仅设置左右方向有效,上下无效;padding设原创 2020-12-08 20:13:51 · 317 阅读 · 0 评论 -
css浮动相关知识——向真要努力
**一、复习**盒模型box model,什么是盒子?所有的标签都是盒子。无论是div、span、a都是盒子。图片、表单元素一律看做文本(纯文字)。一个图片,里面能放东西吗?不能,图片自已就是它自已的内容,能理解吗?请注意:img图片这个东西,跟行内和块级元素都不一样,因为它能设置宽高。图片还能设置成一排,所以不要纠结它是什么,记住它是文本就行了。盒模型有哪些组成:width、height、padding、border、margin。(注意拼写,记住这些单词)width、height是内容的宽原创 2020-12-01 14:37:39 · 266 阅读 · 4 评论 -
CSS伪类.伪元素,块元素和行内块元素自己总结知识
**什么是伪类,伪元素?**CSS伪类什么叫伪类呢?伪类是基于元素的特征而不是他们的id、class、属性或者内容。一般来说,元素的特征是不可以从DOM树上推断得到的,而且其是动态的,当用户和DOM进行交互的时候,元素可以获得或者失去一个伪类。(这里有一个例外,就是:first-child和:lang是可以从DOM树中推断出来的。)CSS的现有标准中,伪类包括::first-child 应用第一个子元素:link 应用未访问过的链接:visited 应用已访问过的链接:hover 应用鼠原创 2020-11-30 15:56:10 · 2421 阅读 · 3 评论 -
表单知识总结——向真要努力
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/.原创 2020-11-29 15:17:54 · 1651 阅读 · 3 评论