很多前端大佬说，要做好前端的话html和css基础必须夯实。那么，达到什么水平才能叫基础夯实呢? 1、拿到设计人员给的图，不管是pc或者是移动端的图，看一遍之后脑海中已经有了很明确的结构和页面书写过程中可能出现的兼容问题。 2、页面在书写的时候可以快速的写出来适合该项目相关的reset.css。并且 ...
分类：
Web程序 时间：
2018-05-31 17:26:42
阅读次数：
240
浮动 浮动是css里面布局最多的一个属性，也是一个很重要的属性。 float表示浮动的意思。它有四个值。 none：表示不浮动 left：表示左浮动 right：表示右浮动 inherit：规定应该从父级元素继承float属性的值 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨 ...
分类：
Web程序 时间：
2018-05-30 21:27:16
阅读次数：
176
一、列表标签 列表标签分为三种。 1、无序列表<ul>，无序列表中的每一项是<li> 英文单词解释如下： ul：unordered list，“无序列表”的意思。 li：list item，“列表项”的意思。 示例： 复制代码 <ul> <li>张三</li> <li>李四</li> <li>王五< ...
分类：
Web程序 时间：
2018-05-23 00:00:39
阅读次数：
292
CSS基础语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 selector {declaration1; declaration2; … declarationN } 选择器通常是你需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性（property）是你希 ...
分类：
Web程序 时间：
2018-05-20 20:16:51
阅读次数：
320
一、CSS基础知识介绍 1.css是cascading style sheet层叠式样式表的简写 2.css小用法 加粗：font-weight:bold; 正常用：normal; 斜体：font-style:italic; 正常用：normal; 下划线：text-decoration:under ...
分类：
Web程序 时间：
2018-05-12 11:15:41
阅读次数：
176
一、CSS的引入方式 1、行内式 2、嵌入式 将CSS样式表集中写在head标签的style标签中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS</title> <style> p{ color: ...
分类：
Web程序 时间：
2018-05-11 23:39:49
阅读次数：
223
我这里就简单举例9种常用选择器： 1、通配符选择器 说明：为页面上的所有元素设置样式。优先级最低。 2、元素选择器 说明：也叫标签选择器，根据元素名（标签名）来设置样式 3、类选择器 说明：为含有相同类名的元素设置样式，元素选择时，需要在元素之前加“.”号。 4、ID选择器 说明：#ID名{属性名： ...
分类：
Web程序 时间：
2018-05-06 21:19:44
阅读次数：
226
CSS（Cascading Style Sheet）,级联-层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标签性语言 CSS语法的核心为三大要素：选择符（selector）又称选择器，指这组样式编码所要针对的对象，属性（property）和值（value） 1 body,ul,o ...
分类：
Web程序 时间：
2018-05-06 16:30:55
阅读次数：
226
简介 在考虑到两个元素可能重叠的情况下，层叠顺序决定了那个元素在前面，那个元素在后面，这是针对普通元素而言。而层叠上下文和块级格式化上下文 (BFC) 一样，基本上也是由一些 CSS 属性创建的，它单独作为一个体系，也就是说内容的层叠顺序是以容器的层叠顺序为基准的，而与容器外部元素的层叠顺序无关，层 ...
分类：
Web程序 时间：
2018-05-04 14:01:17
阅读次数：
184
前面对CSS基础知识有了一定的了解，是时候开始实战了！以下我对抽屉（https://dig.chouti.com/）主页进行模拟布局。 官方网站效果图： 模拟网站图： ...
分类：
Web程序 时间：
2018-05-03 23:35:42
阅读次数：
714
