伪类选择器：伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。a一般顺序是:a:link{} 未访问状态链接a:visited{}已访问状态链接a:hover{}鼠标悬停上时状态还有其他伪类,如first-child对应第一个子元素,last-child最后一个子元素,nth-child(even/2n)第偶数个子元素,nth-child(odd/2n+1)第奇数个子元素。 盒模型的定义： css将每个元素都看做一个盒子,包括以下属性...
转自：http://blog.csdn.net/qiushi_1990/article/details/40260447?utm_source=tuicool&utm_medium=referral一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色...
1.HTTP:超文本传输协议 HTTP请求（HTTP request）部分： 请求行【HTTP方式（get或者post）；请求url；HTTP版本】 请求头 空行 消息体 HTTP响应（HTTP response）部分： 状态行【HTTP版本；响应码；响应描述】 响应头 空行 消息体2.常见特殊符号空格 小于＜ <大于＞ >版权号? ©已注册? ®and & &长破折号 3.常见块级元素和内嵌元素 块...
0、未完，还有一部分未写1、CSS背景 属性 描述 background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 background-color 设置元素的背景颜色。 background-image 把图像设置为背景。 background-position 设置背景图...
<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width,user-scalable=no" /><meta charset="UTF-8"><title>Document</title><style type="text/css">body,html { margin: 0; height: 100%; overflow: hidden; position: relative;}.wrap { position: relative; height: 100%;} .view,.boxZ,.box { position: absolute; left: 50%; top: 50%; -webkit-transform-style: preserve-3d; transform...
不得不佩服京东的速度，昨天刚下单的两本书今天上午就到了。其中一本是全彩页的《众妙之门 - 精通CSS3》，细看了前几十页，书上的叙述方式给我的印象其实不如“彩页”来的讨喜——接连说上几个例子，扔个例子的链接（没源码下载，要自己手动输入，而且近乎所有的例子页面均已失效），未经细剖便草草了事，感觉倒是适合作为厕所读物（汗）。。。。虽然书中不细剖，却也不能白花银子，不妨自己实打实地查资料、记笔记，不辜负了早上送...
知识点一：外边距 1、回顾盒子模型包含：内容、内边距、边框、外边距2、定义：盒子的边框与其他元素或者浏览器边缘之间的距离3、使用：①?上外边距??margin-top:?100px;②?左外边距?margin-left:?80px;③?下外边距 margin-bottom:?50px;④??右外边距?margin-right:?200px;4、综合设置(1)?四个属性值：上?右?下?左? margin:?90px?70px?50px?20px;(2)??三个值：上、左右、下margin:?90px?70px?20px;(3)??两个值：上下、左右margin:?...
1、什么是字体 字体是文字的外在形式，就是文字的风格，是文字的外衣。比如行书、楷书、草书，都是一种字体。同样一个字每个人写起来都会有差异，可以说每个人都有一套潜在的字体库。对于web页面来说，字体就是计算机上存储的一套文字显示方式。通过对文字进行一些特殊处理（比如末端加强）来提高不同环境中文字的可读性。 比如同样大小的文字，在不同字体下的可读性是不同的。一般来讲，一款字库的诞生，要经过字体设计师的...
1，块级元素：div h(1-6) p ul li ，块级元素父元素是body，所以与浏览器一样宽，始终占一行 行内元素：a span img 2，选择符： 1，上下文选择符 特殊上下文选择符：标签1 > 标签2 ：标签1不能是标签2的父元素之外的其他祖先元素 2，ID和类选择符 标签带类选择符：p.className 带这个className的段落 3，属性选择器3，伪类: 1，链接伪类 a:link a:visited a:hover a:active 2，input:foc...
1、强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>2、iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；<meta content="yes" name="apple-mobile-web-app-capable" />3、iphone的私有标签，它指定的iphone中safari顶端的状态条...
rgba:即rgb+a, a为图片透明度，a范围是0~1，越小就表示越透明：hover 即鼠标悬停时改变样式，不仅仅能用在a元素上。<form>标签表示向浏览器提交表单，一般会包裹着输入元素。<label>标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。就是说...
下面为大家带来一篇css前端知识点总结。内容挺不错的，现在就分享给大家，也给大家做个参考。1、css的概念:(CascadingStyleSheet级联样式表)优点：1.内容与表现分离。(用网页的内容xhtml就可以与表象分开)2.表象统一3.丰富的样式4.减少网页代码5.运用独立于网页的css2.选择器1.标签选择器标签名｛属性:属性值;｝2.类选择器.类名｛属性:属性值;｝<标签名 class=”类名”>标签内容</标签名>3、id选择器#ID名称｛属性:属性值;｝4.并集...
1.margin的百分比值普通元素的百分比maigin相对于容器元素的宽度(width) 进行计算的。这里我们在图片外面设置一个宽高分别为800 * 600的容器。设置img{ margin: 10%; } 结果如下 结果margin值都是 800 * 10% = 80px; 所以这里都是相对于容器的宽度计算的 容器的宽度计算 容器的宽度计算。说三遍
2.绝对定位的百分比maigin值相对于第一个定位的祖先元素的 width值计算的。就是 parent 的 width = 1000px. 所以 margin = 100px；
3.可...
一、概念CSS(Cascading Style Sheets)：CSS样式后层叠样式表，层叠：使用不同的添加方式给同一个HTML标签添加样式，所有样式共同作用于该标签；样式：给HTML标签添加需要显示的效果。主要用于设置HTML页面中的文本内容、图片外形以及版面的布局等外观显示样式。作用：CSS使页面更美观；CSS+Div使布局更灵活。规则：样式选择器严格区分大小写，但属性和属性值不区分 多个属性用英文分号隔开 若属性值由多个单词组成，用英...
本篇文章给大家带来的内容是关于html和css的面试知识点总结（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。CSS优先级算法优先级就近原则，同权重情况下样式定义最近者为准载入样式以最后载入的定位为准优先级为: !important > id > class > tag important 比 内联优先级高important声明比js的优先级要高第一等：代表内联样式，如: style=””，权值为1000。
第二等：代表ID选择器，如：#content，权值...
