介绍下tab栏的实现方式,利用纯css去实现点击的tab栏,最为关键的部分为首先对多选的盒子进行隐藏display:block,再去利用target(类似于hover但是这个是点击生效),再显示出来display:block。之后再利用选择器去更改点击后的样式即可。 3.多媒体引入方式 iframe:直接引入第三方网站播放,control可以不设置也能操作 video:视频...
1、css理解 css类似于房子的装修,装修让这栋房子看上去更加的美观,装修定义了每一块墙面该粉刷成什么颜色,地板应该如何规划,是长方形还是正方形。装修应该从整体主题出发,依据优秀的审美素养规划设计每一个区域的样式设计,整体装修方案也表达了这栋房子的主题。 2、css技术笔记 选择器 选择器的目的是为了得到对目标...
1.基础知识掌握牢固 对于写网页需要的基础知识一定要牢牢掌握,比如,每个网页都需要的导航栏,一定要熟练掌握;下拉菜单最常用的是 ul 和 li 标签,也就是列表元素;对于一些标签,一定要知道是块级元素还是行内元素,要掌握他们之间的转换方法,这个也是非常常用的。对于css的盒子模型,一定要认真地学习,并且能熟练的运用。
一、技术总结 1. 在开发之前必须要先把这个项目的所有设计图从头到尾看一遍,注意观察相同的部分,比如说每个页面的头部和底部都是相同的,那么就把他们提取出来,应用到每个页面当中,这样可以大大提高了开发的效率。 2.在开发过程中,肯定写了很多重复的css样式,拖慢了开发速度,这样可以根据个人的习惯和爱好给自己做一...
html，css学习实践总结⽹页的布局⽅式 1.什么是⽹页的布局⽅式?⽹页的布局⽅式其实就是指浏览器是如何对⽹页中的元素进⾏排版的 1.标准流(⽂档流/普通流)排版⽅式 1.1其实浏览器默认的排版⽅式就是标准流的排版⽅式 1.2在CSS中将元素分为三类, 分别是块级元素/⾏内元素/⾏内块...
html+css+javascript知识点总结一,html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现...
CSS:一般将定位position改为relative。因为下拉窗盒子结构上写在需要触摸的盒子后面,一般情况会相离得最近。再通过定位调整位置。 方法一: 将下拉窗盒子的display属性设置为none。只有当hover时,display:block。 优点:操作简单,没有坑点。 缺点:视觉上没有过渡效果。
二、CSS3的新特性 1.新增选择器 1.1 属性选择器 1.2 结构伪类选择器 1.3 伪元素选择器 1.3.1 伪元素字体图标 1.3.2 进行笼罩 1.3.3 清除浮动 2.盒子模型 3. 其他特性 总结 前言 提示:这里可以添加本文要记录的大概内容: HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单...
1. HTML基础:学习了HTML的基本结构,包括元素、属性、标签等。通过编写简单的网页,我掌握了如何使用HTML构建网页的基本框架。 2. CSS样式:学习了CSS的基本语法和选择器、属性等。通过为HTML元素添加CSS样式,我掌握了如何美化网页的外观。 3.JavaScript交互:学习了JavaScript的基本语法、事件、函数等。通过在网页中添加...
前段时间总结了HTML的学习内容,这两天复习总结了下CSS的学习内容,导图如下: Obsession:《从0到1:HTML+CSS快速上手》HTML学习笔记34 赞同 · 1 评论文章 一、CSS简介 CSS(Cascading Style Sheets):层叠样式表 主要作用:给html网页设置外观或者样式 外观或者样式:HTML网页中文字的大小、颜色、字体,网页的背景颜色、...