代码赏析：Document/*背景颜色设置*/body{background:lavenderblush;}/*1.盒子设置宽500高300背景颜色固定位置调节位置*/.box{width:500px;height:300px;background:white;border-radius:4px;position:relative;left:50%;top:50%;margin-left:-250

样式属性背景与前景：background-color:#F90;/*背景颜色，样式表优先级最高*/background-image:url（路径）;/*设置背景图片（默认）*/background-attachment:fixed;/*背景是固定的，不随字体滚动*/background-attachment:scroll;/*背景随字体滚动*/background-repeat:no-repeat

原文地址：http://www.th7.cn/web/html-css/201404/29642.shtml侵删如果你有耐心坚持一年以上的话,我会推荐HTML->CSS->JS->PHP的顺序来学习。

基础实战：https://zziq.github.io/html-css/shiyanlou.html1、写网页先要想好整体的布局方式，然后确定小模块之间的宽度、高度等比例的关系，先要有一个整体的分析，

学习资料：菜鸟教程；简单介绍一下弹性盒子布局：父级盒子可以有多个子盒子，弹性盒子只定义了子元素如何布局，不影响盒子内外的渲染；在父级定义该父级为弹性盒子，父级内的子级盒子全在一行显示，影响只是布局，见代码：*{margin:0;padding:0;}.big{display:flex;}.big>div{width:200px;height:100px;background:red;}列1列2列3

素材地址：链接:https://pan.baidu.com/s/17aHx1VQpI5yjc67TFoq1yQ提取码:bk1s先来看一下效果图：主要要求：注：最下面有素材链接地址可以自己练习使用/*1.login最外侧盒子设定高29背景颜色#f7f7f7下边框1*//*1.1login内容部分设置高20宽1200居中*//*1.11左侧欢迎栏设置居中注意浮动*//*1.12右侧我的订单设置宽290

虽然已经开始进入JS的学习，可是回头突然想到html-css里原来一度迷惑我的标签、元素、属性和样式，觉得也是时候总结一下它们的概念和关系了。

http://learn.shayhowe.com/html-css/初级篇有12个章节。http://learn.shayhowe.com/advanced-html-css/深入篇有10个章节。

1.背景图相关小代码：效果：2.文本样式小代码：效果：3.开发一个网页----第一阶段html网页代码：代码片段1代码片段2css代码：效果：选择器的优先级1）选择器的权重·元素选择器:1·类选择器:10·ID选择器:1002）案例中的情况.content>div:10+1.data:10.content>.data:10+104.定位什么是定位?定位用来解决元素的排列(摆放)问题。用定位可以随心

HTML软件架构C/S：C(客户端，用户通过客户端来使用软件)，S表示服务器。一般软件都是C/S架构。软件使用前必须安装软件更新时，服务器与客户端同时更新不能跨平台使用C/S架构的软件客户端和服务器通信采用的是自有协议，相对来说比较安全B/S：B(浏览器)，B/S架构软件通过使用浏览器访问网页的形式，来使用软件。软件不需要安装，直接使用浏览器访问指定网址即可；软件更新时，客户端不需要更新软件可以跨

visualstudiocode（已经没怎么去用了，不过还是很不错的编辑器）学习推荐：HTML-CSS（重点！重点！重点！推荐给初学前端的朋友，真

://www.w3school.com.cn/html5/http://www.runoob.com/html/html-tutorial.htmlhttp://learn.shayhowe.com/html-css

本文档回顾了在工作中常会用到的html／css的布局基础，由于很多坑只有在实际中踩到才会去总结，因此，本文也会不定期更新。ok，let'sstart！盒子模型详解图position属性详解工作里面，常常会用到position的四个属性：static／relative／absolute／float，配合相应的属性，也就可以实现相应的页面布局。接下来，就具体分析一下各个position属性：1.pos

定位:绝对定位:position:absolute;top:50px;left:50px;距离窗口上边50px，左边50px。相对定位:position:relative;top:50px;left:50px;距离原来位置上面50px，左面50px。父标签要定位，子元素就以父元素为准。display:none;脱离文档流visibility:hidden;不脱离文档流。overflow:hidde

HTML1.HTML文件结构......称为根标签，所有的网页标签都在中。标签用于定义文档的头部，它是所有头部元素的容器。...//显示网页的标题信息......在和标签之间的内容是网页的主要内容，如h1,p,a,img等网页内容标签。2.标签p标签：段落标签，显示段落文字，常用于文章正文中h标签：h1-h6代表不同大小文字的标题strong:加粗文本，em:斜体文本span：设置单独样式的文本,

1.MDN开发者文档网址:https://developer.mozilla.org/zh-CN/2.CSS教程:https://www.schoolw3c.com/html-css/css/3.node

原文链接：http://learn.shayhowe.com/html-css/opening-the-box-model/本篇文章为上述链接文章的一些阅读笔记和心得。也是周计划交付物的一部分。

HTML-CSS布局相关元素小心得在这里分享给大家一些HTML-CSS的相关知识，供新人学习，老人查阅,共勉。

1.MDN开发者文档网址:https://developer.mozilla.org/zh-CN/2.CSS教程:https://www.schoolw3c.com/html-css/css/3.node

1、使用行内样式表语法：在标签内部写入一个style属性。优点：没有样式表文件，在某些时候可以提高效率；优先级高。缺点：多个页面难以共享样式，不利于代码复用；HTML和CSS代码混杂，不利于程序员和搜索引擎阅读。2、使用内部样式表语法：在head标签写一个style标签，在style标签里面通过选择器（元素选择器、类选择器、ID选择器）来选择标签，从而控制该标签的样式。优点：没有样式表文件，在某些

当读到一个样式表时，浏览器会根据它来格式化HTML文档。如何插入样式表插入样式表有三种模式：外部样式表内部样式表内联样式外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在（文档的）头部：外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的html标签。样式表应该以.css

主轴方向/*在伸缩布局中,默认伸缩项是从左至右的排版的*/display:flex;/*主轴的排版的方向默认就是row,默认就是从左至右*//*flex-direction:row;*//*修改主轴的排版方向为从右至左*//*flex-direction:row-reverse;*//*告诉系统把主轴的方向改为垂直方向注意点:1.默认情况下主轴是水平方向的,但是也可以修改为垂直方向.只要看到fle

边框圆角的作用:将原始的直角变为圆角格式:border-radius:100px0px0px0px;第一个参数:指定左上角的半径按照左上/右上/右下/左下的顺序border-radius:0px0px0px100px;如果省略一个参数,会变成对角的值border-radius:100px80px40px;如果省略两个参数,会变成对角的值border-radius:100px80px;如果省略三个参

一、两者的区别使用css让元素不可见的方法有很多种，裁剪、定位到屏幕外边、透明度变换等都是可以的。但是最常用两种方式就是设置元素样式为display:none或者visibility:hidden。很多公司的面试官也常常会问面试者这两者之间的区别。display与元素的隐藏如果给一个元素设置了display:none，那么该元素以及它的所有后代元素都会隐藏，它是前端开发人员使用频率最高的一种隐藏方

外边距外边距指的是当前盒子与其它盒子之间的距离，不会影响可见框的大小，而会影响到盒子的位置。盒子有四个方向的外边距margin-topmargin-rightmargin-bottommargin-left由于页面中的元素都是靠左靠上摆放的，所以注意当我们设置上和左外边距时，会导致盒子自身的位置发生改变。如果是设置右和下外边距会改变其它盒子的位置。如果外边距设置的是负值，则元素会向反方向移动。ma

1、浏览器内核的了解浏览器内核又可以分成两部分：渲染引擎(layoutengineer或者RenderingEngine)和JS引擎。渲染引擎它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。JS引擎则是解析Javascript语言，执行java

viewplaincopy延伸阅读：http://zccst.iteye.com/blog/2162187设置渲染引擎360浏览器[html]viewplaincopy延伸阅读：http://camnpr.com/html-css

MathJax.Hub.Config({showMathMenu:false,preferredFont:"STIX","HTML-CSS":{availableFonts:["STIX","TeX"]

规范程序员是一个千变万化但是又不离其中的职业，能够实现各种各样的功能，实现的方法也是各种各样，而最佳实践又是很多程序员比较认可和遵守的一些规则，其中会有：html-css规范：https://github.com

博主原来一开始是想实现form标签中的input元素离浏览器的右边界有一定距离的效果，但是无论我在input的css中调margin-right还是在form中调padding-right都不能实现前面说的效果，后来博主改变思路用div来包裹input在调padding还是不行，我擦。于是我在改变思路用table来包裹，然后再调padding，嘿，这下可以了。调整失败的代码Inserttitleh

www.w3cplus.com/sassguide/（网址打开若有问题多刷新几次）sass注释//单行注释:不会输出到css的文件中/**/多行注释:会输出到css的文件中相关介绍http://www.th7.cn/web/html-css

以最高IE版本渲染网站延伸阅读：http://zccst.iteye.com/blog/2162187设置渲染引擎360浏览器延伸阅读：http://camnpr.com/html-css/2087.html360

照片墙效果网址：https://penghongfu.github.io/图片在img文件夹下照片墙*{margin:0;padding:0;}body{background-color:#eeeeee;}#container{width:960px;height:450px;margin:60pxauto;position:relative;}.pic{width:250px;}#contain

1.em和strong共同点：都可以对已知文本进行强调；不同点：em强调的大多为短文本，且程度轻；strong强调的程度较为强烈。2.和区别br/：表示换行；hr/：表示有分割线；3.address表示对所编辑网页中出现的地址使用此标签，形式为斜体；4.marquee表示滚动字条的使用，一般形式为由右至左；5.code少数情况下，在所编辑语言中会出现计算机编辑代码，用code，（若多行代码，非一行

1.CSS背景#box{width:300px;height:300px;background-color:#333;background-image:url(img/img.gif);background-repeat:no-repeat;background-position:-20px-30px;border:10pxsolidred;}/*background背景background-co

1.CSS背景#box{width:300px;height:300px;background-color:#333;background-image:url(img/img.gif);background-repeat:no-repeat;background-position:-20px-30px;border:10pxsolidred;}/*background背景background-co

原文链接:http://www.th7.cn/web/html-css/201502/82548.shtml后在网上搜到了解决方案，在此分享以供各位遇到问题的同好参考：在ff的地址栏中输入“about:

我们可以用CSS控制超链接字体样式，下面先来看一段代码：#ema:link,#ema:visited{font-family:SegoeUILight;font-size:24pt;color:#1c4269;text-decoration:none;}#ema:hover{color:#0000FF;text-decoration:underline;}MemberInformation1、代码

CSS的全称是CascadingStyleSheets，层叠样式表，用于美化网页。CSS的编写格式是键值对形式的，比如background-color:blue;（冒号:左边的是属性名，冒号:右边的属性值）CSS有3种书写形式（优先级从高到低）行内样式：（内联样式）直接在标签的style属性中书写内页样式：在本网页的style标签中书写body{color:red;}外部样式：在单独的CSS文件中

CSS的全称是CascadingStyleSheets，层叠样式表，用于美化网页。CSS的编写格式是键值对形式的，比如background-color:blue;（冒号:左边的是属性名，冒号:右边的属性值）CSS有3种书写形式（优先级从高到低）行内样式：（内联样式）直接在标签的style属性中书写内页样式：在本网页的style标签中书写   body{       color:red;   }外部

www.daqianduan.com/”>首页</a></li> <li><a href=”http://www.daqianduan.com/category/html-css

转载网址：http://www.niumowang.org/html-css/ie6-min-height/ 手里的项目还在继续，今天正好遇到了min-height的问题，干脆在这里记录下来。

有点奇怪，搜索到这个网站http://bytes.com/topic/html-css/answers/489646-textarea-cols-rows 解释的不错。

Css selector 基本有三种 HTML（TAG）selector ， ID selector ， Class selector css selector 综合使用 ： 重用，子选择器，组选择器   HTML（TAG）selector ： HTML selector 就是 HTML 的 tags, 比如 P, DIV, TD 等. 如你用 CSS 定义了它们, 在整页中,

很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法,一是直接在按钮中设置,如下: <input type="submit" name="submit_button" value=&

HTML5&CSS3 入门教程： http://learn.shayhowe.com/html-css/ 交互，设计DEMO：http://tympanus.net/codrops

原文：http://www.cnblogs.com/whitewolf/p/4491707.html 黄金定律 一个项目应该永远遵循同一套编码规范！ 不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。 HTML 语法 用两个空格来代替制表符（tab） – 这是唯一能保证在所有环境下获得一致展现的方法。 嵌套元素应当缩进一次（即两个空格）。

这个编辑器使用客户端的web技术，例如，HTML-CSS及其Javascript开发完成的。 这个编辑器的主要特点是简单，没有开发很多的视图或者面板，主要让开发人员专注于快速编辑开发。

HTML-CSS写作建议:1、所有的命名最好都小写2、属性的值一定要用双引号("")括起来，且一定要有值如class="add",id="header"3、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整

具体说来，因为这三大技术都是以标准先行，html-css的标准由w3c组织制定，js的标准由ECMA制定，都是只有标准，没有jdk,没有.net framework，具体的实现都交给了浏览器。