伪类的分类及作用：引自W3School教程伪元素的分类及作用：这里就不进行多的描述，原文地址：http://www.it165.net/design/html/201406/2643.html原文：http://www.cnblogs.com/duanjt/p/5391745.html
一、了解HTML、CSS、JS1、HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2、CSS样式是表现。用来改变内容外观的东西称之为表现，如标题字体、颜色变化等，就像网页的外衣。3、JavaScript是用来实现网页上的特效效果。动画的、有交互的。如鼠标滑过弹出下拉菜单、鼠标滑过背景颜色改变、新闻图片的轮换等。二、html文件基本结构<html> <head>.....</head> <...
一个正常的空a标签： <a><p>鼠标悬停，鼠标样式不更改</p></a> 我没有给a标签设置href和target属性，此时鼠标悬停时，是不会让鼠标样式发生改变的。 当我给a标签的href属性设置成href="#"，让这个链接变成dead link,鼠标悬停时，鼠标样式就会发生改变了。 <a href="#"><p>鼠标悬停，鼠标样式更改</p></a>原文：https://www.cnblogs.com/xiaoycc/p/14825784.html
24文字溢出处理单行溢出三件套，静止换行溢出到。多行处理仅截断，容器文字高计算。单行溢出三件套，静止换行溢出到。单行文本溢出处理方法一般是打点展示div { white-space: nowrap; /*表示多余不换行*/ overflow: hidden; /*溢出部分隐藏*/ text-overflow: ellipsis; /*打点展示*/多行处理仅截断，容器文字高计算。多行在 pc端仅做截断处理 需要计算好容器高度和行高之间的关系避免截断半截的情况25背景图片背...
在IOS开发中，可以通过webView来加载HTML文件步骤如下：1.需要有一个webView，可以通过storyboard拖拽一个 或者 alloc 一个（我在这里是拖拽了一个），是否要给webView设置delegate ，根据自己的需要决定（如果只是展示页面可以忽略）。 webView2.创建HTML文件、CSS文件、js文件，同样的创建方式，只是后缀名不同。 New File -> Other ->Empty 创建HTML文件后缀名为：html，创建css文件后缀名为css，创建js文件后缀名为：js 创建HT...
Html&Css04：floathtml==>结构css ==>表现js ==>行为1、浮动的简介<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>.box1{width: 400px;height: 200px;background-color: #bfa;/* 通过浮动可以使一个元素向其父元素的左侧或右侧移动使用 float...
常用html、CSS、javascript前端命名规范 无意发现自己文件夹里面有这么一个文件，具体从哪里来的不记得了，仔细看下，发现总结的挺好的，贴出来分享一下。 无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。规范目的： 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确...
引用前请标明出处：http://www.cnblogs.com/zkhzz/ 谢谢 通过观察了百度的首页，对于更多产品一栏，觉得可以不涉及JS便可写出下拉导航栏的效果 1.先设计出大体的框架<div class="nav"> <ul> <li><a href="#">新闻</a></li> <li><a href="#">hao123</a></li> <li><a href="#">地图</a></li> <li><a href="#">视频</a></li> <li><a href="#">贴吧</a></li> <li><a href="#">登录</a></li> <li><a href="#">设置...
在刚开始学习HTML&CSS的时候，你需要知道：一，元素元素由标签（tag）和内容组成。常用标签：<head></head><title></title><h>/</h><p></p>基本格式:<!doctype html>/*定义文档类型*/<html> <head> <title></title> <meta charset="utf-8">/*定义网页编码信息*/ <link type="text/css" rel="stylesheet" href="../css/indexbody.css">/*CSS样式地址*/ </head> <body> <h1></h1> ...
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>My照片墙</title><style type="text/css">*{padding:0;margin: 0;}li,ul{list-style: none;}#parent{margin: 0 auto;width: 830px;height: 600px;margin-top:50px;}#parent li{float: left;height: 250px;margin: 10px;width: 250px;}</style><script type="text/javascript">/****将浮动布局转换为绝对定位布局*/window.onload=function(){var parent = docum...
颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种：1、英文命令颜色语法:p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色p{color:rgb(133,45,200);}每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。每一项的值可以是 0~255 之间的整数，也可以是 0%...
这两天看了一点php，本想着实践一下，发现自己的服务器还没弄好，php的代码只写了两三行嵌在html中，还运行不了，同时还发现自己这几天学的html和css还不够，总是频频出现问题，学习的样式和布局都还太单一，一些知识也没掌握好，所以写出来的网页也只能呵呵呵了，尽管如此，但依然在努力中！下面的代码是两个html和一个css，运用了今天新学的窗口将另一个html嵌入在了窗口里，并试着用css进行了简单的样式设计，但仍然存在问题，图...
1.软件架构CS：client/server 客户端/服务器端BS：browser/server浏览器/服务器端1.1.BS架构的详解1.1.1. 资源分类 分为静态资源和动态资源静态资源：使用静态网页开发技术发布的资源（html css javascript）如新闻，不管是谁，看的一样如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器，而浏览器内置了静态资源解析引擎，可以展示静态资源。动态资源：使用动态网页技术开发发布的资源（jep/servlet，php，asp）...
表表是十分有用的,用它存储表状的数据更易于阅读.当你想用行列来显示信息时---你猜到了,<table>标签正是你需要的,有许多和表有关的标签,它们都以<table>开始.表就是将一组数据用行列的形式排列,我们用<tr>标签创建一个表行(table row),<td>标签表示表数据(table date)<!DOCTYPE html><html><head><title>Table Time</title></head><body><table border="1px"><tr><td>One</td></tr><tr><td>Two</td></tr><tr><td>Three</td></tr><...
上一篇Head First HTML与CSS阅读笔记（一）中总结了《Head First HTML与CSS》前9章的知识点，本篇则会将剩下的10~15章内容进行总结，具体如下所示。div与Span此元素应该是HTML中使用频度最高的元素之一，div将属于一个逻辑区的元素包含起来；如果添加div有助于将页面分解为逻辑区，保证结构清晰并便于指定样式，则应该使用div，否则，过多的div只会让页面更加复杂，不应滥用；width属性指定元素内容区的宽度，不包括内边距，边框和...