1.后代选择器 .antzone li { } class='antzone' 所有子孙后代中的li   2.子选择器 .antzone > li { } class='antzone' 的子一代中的li   3. E+F相邻兄弟选择器,F在 E的相邻的后面位置   4.E~F兄弟选择器,F在E后面,并且同个父元素,不必相邻   5.属性选择器E[attr] li[class] 所有有class属性的li li[class='value'] 所有class为value的li li[class~=…
相对偏移 指定left top等属性就能够够完美控制一个元素的位置 如: position:relative; left:2px; 今天遇到一个很好玩的问题,当两个并排浮动框,当一个框的长度太大时就会把另一个框顶到下一行,这个时候就可以用margin-right:-2px;将右外距设置为负数来解决! css写表达式控制图片大小,当图片大小大于某一数值时,强制设置其宽 高为指定大小. img { max-width: 163px; width:expression(this.width > 163…
列表 list=['1','2'] 元组 zoo=('1','2''3') 字典 d = {key1 : value1, key2 : value2 }…
前端学习日记之HTML.CSS 简单总结 标签(空格分隔): html css 前端学习日记 html超文本标记语言 一. h标题标签 h1-h7 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="keywords" content="11"> <meta name="description&…
title: HTML与CSS学习记录 toc: true date: 2018-09-10 14:04:59 <HTML与CSS进阶教程读书笔记> HTML基础知识 HTML与XHTML HTML指超文本标记语言,是构成网页文档的主要语言.我们常说的HTML指HTML4.01. XHTML指扩展的超文本标记语言,是XML风格的.更严格.更纯净的HTML. 两者的主要区别: XHTML标签必须闭合. XHTML标签和属性必须小写. XHTML标签属性必须加引号. XHTML标签用id属性代替n…
Zend Framework学习日记(2)--HelloWorld篇 这一篇主要演示如何用zf命令行工具建立一个基于Zend Framework框架的工程,也是我初学Zend Framework的小练习. (1)新建工程(Windows环境下) 打开CMD,将目录切换到你将要新建工程所在的目录下,输入“zf create project HelloWorld”,如下 D:/workphp/www>zf create project HelloWorld Creating project at D…
CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u5B8B%u4F53" 就是\5B8B\4F53 font-family: 中文,英文,最好的是unicode编码 eg. font-family: "SimSun","SimHei",sans-serif; 字体名称 英文名称 Unicode 编码 宋体 S…
CSS:CSS学习总结 背景 CSS是一种声明式的语言,学好CSS的难度甚至大于学好一门服务器语言(我个人的感觉),这周在学习CSS,就记录一下学习经验. 1.规则声明顺序 因为CSS的样式具备层叠性和继承性,为了最小化代码量,规则的声明可以按照如下顺序: 常用标记 常用类 布局类 导航类 表格类 表单类 组件类 2.盒子模型.文档流.定位和浮动一定要清楚 盒子模型:浏览器把每种标记都当做一个盒子,有两种盒子(内联和框),他们在文档流中的布局模式是不同的. 文档流:框盒子会被从上到下的布局,内联…
1.XML基础: XML全称为eXtensible Markup Language;即可扩展标记型语言,同HTML一样使用标签来操作.它的可扩展性体现在标签可以由自己定义,可以是中文标签. XML用途: 同HTML一样可用于显示数据,但是不是XML的主要用途.XML我们多用来存储数据. 应用: 1).不同应用之间数据的传输,利于程序之间的维护 2).用来表示生活中具有层级关系的数据 3).多用于文件配置 XML语法: 1).XML的文档声明: 创建一个文件,后缀名为.xml 在写XML之前,首先…
前一篇写了自我总结的webpack定义:为JavaScript服务的静态模块打包器 和几大基本概念 entry.output.plugins.loaders等.指路前端小白webpack学习(一) 下面开始webpack的具体使用. webpack使用 创建新项目,项目目录如下. src目录下存放项目源码,index.html作为项目入口: dist目录存放打包好的文件 2.webpack安装 ​ webpack安装分两种: 全局安装 npm i webpack webpack-cli -g 项…