关键字:零基础
  • html基础总结,前端入门必学!
    HTML(页面架构) 一.什么是HTML HTML是一种超文本标记语言 超文本:文本,图片,音频,视频,超链接等 标记:符号,标签 标记是没有逻辑的 组成: 指令 转义字符 标签 目的:完成页面的搭建 HTML页面大致的组成部分 <!doc ...
  • web前端入门到实战:CSS 计数器
    CSS 里面的伪元素其实是非常好用的,但是经常容易被大家忽略,伪元素里面常用到的 content 属性,可能现在很多人仅仅以为 content 属性的值只支持字符串,除了字符串外常用到的还有 uri、counter ,今天所要介绍的就是 c ...
  • web前端入门到实战:CSS实现自适应分隔线的 8 种方法
    1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;,然后给定两个伪元素,分别绝对定位,那么此时伪元素也是跟随着水平居中的,设置足够的宽度,然后把左边的往左位移1 ...
  • web前端入门到实战:css重点知识和bug解决方法
    1.图片向下撑大3像素问题 在一个盒子里面放一张图片,默认情况下,图片会向下撑大3像素,有以下几种解决方法: 1.1给图片添加display:block; 1.2给图片添加float:left; 1.3 给图片添加vertical-alig ...
  • web前端入门到实战:元素显示隐藏的9种思路
    在网页制作中,元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说,最常见就是display:none | display:block,但是使用这种方法有个问题,元素的display属性在隐藏前 ...
  • web前端入门到实战:js的局部变量和全局变量的区别
    js是一个弱类型语言,同一个变量一会儿可以储存数据,一会儿可以存储字符串。 全局变量:直接定义的变量是全局变量,可以被所有的脚本所访问到。 局部变量:在函数定义里申明的变量。 重点:局部变量只在函数内有效,同一个变量名如果在同时出现,则局部 ...
  • web前端入门到实战:css排版常用样式、三种不同html类型、css布局盒模型介绍
    把CSS样式与网页编排通过网页排版中主要格式化要素实现网页实用性与欣赏性相结合,实现出设计效果。 字体:div{font-family: "Microsoft Yahei";}为网页中的文字设置字体为微软雅黑,这里注意不要设置不常用的字体, ...
  • web前端入门到实战:汇总css布局模型和常见代码缩写与长度单位
    知识点一:css布局模型:布局模型是建立在盒模型基础之上,在网页中,元素有三种布局模型:1.流动模型(Flow)2.浮动模型 (Float)3.层模型(Layer)。 一、流动模型:默认的网页布局模式。也就是说网页在默认状态下的 HTML ...
  • web前端入门到实战:行内和块状元素水平居中与单行或多行文本垂直居中及隐性改变display类型
    行内元素水平居中如何设置?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 ...
  • web前端入门到实战:网页简单布局之结构与表现原则案例
    一开始我们接触网页制作的时候,就了解到html代表结构、css代表样式、javascript代表行为,网页制作中,我们一直强调结构与表现相分离的原则,这里面的结构一般指HTML,此外分离是说把它们写在不同的文件加以引用吗?当然不是,在这里的 ...

暂无数据