前端开发要学的知识内容涉及的会很宽泛，虽然说主要是HTML、CSS和JavaScript这些基础知识点，但达妹今天想强调一下，学前端开发除了要学这些基础知识外，学员还要在这之上进行延伸和深入的去学，而且互联网时代不断发展，掌握了这些新技术、新技能，在职场的竞争力必然会翻倍提升。 就前端开发要怎么学的问题，首先要学习的就是基础知识：HTML、CSS和JavaScript。HTML是内容，CSS是表现，JavaScript是行为。前端开发的门槛其实非常...
前端开发要学的知识内容涉及的会很宽泛，虽然说主要是HTML、CSS和JavaScript这些基础知识点，但达妹今天想强调一下，学前端开发除了要学这些基础知识外，学员还要在这之上进行延伸和深入的去学，而且互联网时代不断发展，掌握了这些新技术、新技能，在职场的竞争力必然会翻倍提升。 就前端开发要怎么学的问题，首先要学习的就是基础知识：HTML、CSS和JavaScript。HTML是内容，CSS是表现，JavaScript是行为。前端开发的门槛其实非常...
好程序员web前端分享CSS基础篇学习目标 1、CSS简介 2、CSS语法 3、样式的创建 4、两种引入外部样式表的区别 5、样式表的优先级和作用域 6、CSS选择器 7、选择器的权重 8、浮动属性的简单应用 9、HTML、CSS注释一、CSS简介css:层叠样式表 英文全名：cascading style sheets,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.0.用来...
学习目标1、CSS简介 2、CSS语法 3、样式的创建 4、两种引入外部样式表的区别 5、样式表的优先级和作用域 6、CSS选择器 7、选择器的权重 8、浮动属性的简单应用 9、HTML、CSS注释一、CSS简介 css:层叠样式表 英文全名：cascading style sheets,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.0.用来修饰XHTML或者XML等样式文件的...
好程序员web前端培训之CSS基础知识之position CSS定位机制 标准文档流(Normal flow) 浮动定位(Floats) 绝对定位(Absolute positioning) 标准文档流 从上到下，从左到右，输出文档内容 由块级元素和行级元素组成 块级元素 从左到右撑满页面，独占一行 触碰到页面边缘时，会自动换行 常见的标签有：div、ul、li、di、dt、p 行级元素 能在同一行内显示 不会改变HTML文档结构 常见的标签有：input、span、label、stron...
以前开发者只要掌握 HTML、CSS、JavaScript 三驾马车就能胜任一份前端的工作了。而现在除了普通的编码以外，还要考虑如何性能优化，如何跨端、跨平台实现功能，尤其是 AI、5G 技术的来临，都在加快前端技术的更新，也在逼促开发者要不停的学习，不能的接受新的技术标准。 “学什么”“怎么学”其实是我们要着重解决的问题。所以，今天给你梳理一下前端知识框架，帮你把知识点重新做个遍历，查缺补漏的学习更轻松。我们先来看什么叫...
1.除IE外通用写法 类名或标签名::placeholder {color: red;} 2.加兼容前缀写法 css超出一行显示省略号： 给定宽度(width:100px)、 超出隐藏（overflow:hidden）、 强制在同一行显示（white-space: nowrap）、 省略号（text-overflow:ellipsis） ——常见字体单位—— 1.em 移动端常用的字体尺寸单位，相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5。但当div进行嵌套时，...
前端基础之CSSCSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 selector { property: value; property: value; ... property: value } html中写法： <css的四种引入方式 1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。5号字体h5我是普通字符串<p style="color: red">我是红...
CSS 样式优先级 当创建的样式表越来越复杂时，一个标签的样式将会受到越来越多的影响，这种影响可能来自周围的标签，也可能来自其自身。下面我们从这两方面去看看 CSS 样式的优先级。 CSS 的继承性 CSS 的继承特性指的是应用在一个标签上的那些 CSS 属性被传到其子标签上。看下面的 HTML 结构： <div><p></p> </div>如果 <div> 有个属性 color: red，则这个属性将被 <p> 继承，即 <p> 也拥有属性 color: red。 由上可见，当网页比较...
目录 1.图片精灵（雪碧图）2.元素盒模型3.外边距重叠的条件4.浮动布局5.样式的优先级6.元素的隐藏7.弹性布局8.2d变形9.3d变形10.css动画1.图片精灵（雪碧图） (1)Link标签：引入外部文件<link rel="stylesheet" href="sprite.css">(2)用到图片精灵的时候如何设置背景大图的尺寸？ 不用看大图的原有尺寸，先看纵向和横向有多少小图，然后分别用个数*元素对应轴的尺寸。 (3)图片精灵的定义：将很多张小图整合成一张大图片，然后通过c...
目录 1.长度单位2.行内垂直居中3.元素阴影和文本阴影4.表单元素5.响应式布局1.长度单位 (1)Px：像素，1px相当于屏幕上1个最小的显示单元。 (2)Em表示当前元素的父元素的字体大小。 (3)Rem表示根元素的字体大小。 (4)1vw表示浏览器窗口宽度的1%。 (5)1vh表示浏览器窗口高度的1%。 2.行内垂直居中 vertical-align: middle;3.元素阴影和文本阴影 Box-shadow：设置元素阴影，五个参数： 横向偏移量， 纵向偏移量， 模糊程度， 阴影大小...
CSS样式是表现（层叠样式表）用于定义HTML内容在浏览器内的显示样式 简化HTML相关标签，网页体积小，下载快 解决内容与表现分离的问题，更好地维护网页，提高工作效率CSS使用方法区别@import要写在style标签内,例如 <style type = "text/css"> @import url(name.css)</style> <style type = "text/css"> @import "name.css"</style> 一般使用链入外部样式，好处是css和html分离 多个文件可以使用同一个样式文件 多文件引用同一个...
HTML & CSS 基础 文章目录 *HTML & CSS 基础*@[toc]<1> HTML 5(1) 基本标签1.文件标签2.文本标签3.图片标签4.列表5.超链接6.行级 \ 块级标签7.语义化标签8.表格标签9.表单标签<2> CSS 31.使用方式:2.选择器3.属性4.例子<1> HTML 5 (1) 基本标签 1.文件标签 <html><head><title>标题</title></head><body><FONT color='red'>Hello World</font><br/><font color='green'>Hello World</font></body> </html>2.文本标签 <!-- 注释内容...
1.Dom基础<!DOCTYPE html> <html><head><meta charset="utf-8"><title>dom基础</title></head><body><div id="wp" class="aa bb cc">黄梅时节家家雨<p id="cont">清明时节雨纷纷</p><!-- <p>注释</p> --><p>路上行人欲断魂</p></div><ul id="list"><li>一片</li><li>两片</li><li>三四片</li><li>五片</li><li>六片</li><li>七八片</li></ul></body> </html> <script type="text/javascript">/*DOMdocument object model：文档对象...