本文想说的警惕点与浏览器兼容无关，主要是几个本人在项目中遇到的几个小问题的总结，问题虽小，但是却有时很困扰人，在此记录一下，如果后期有此类问题会持续添加到这里。 1.内联标签之间的空格 正常情况下书写html代码的时候都有换行、缩进等习惯，比如XML/HTML Code复制内容到剪贴板<head> <meta charset="utf-8"> <style> html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, f...
CSS（Cascading Style Sheet，叠层样式表），作用是美化HTML网页。 /*注释区域*/此为注释语法 一、样式表 （一）样式表的分类 1.内联样式表 和HTML联合显示，控制精确，但是可重用性差，冗余较多。 例：<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里，必须写在head标签里面。 <style type="text/css"> p //格式对p标签起作用 { 样式； } </style> ...
一、position：fixed 锁定位置（相对于浏览器的位置），例如有些网站的右下角的弹出窗口。 示例：二、position：absolute 绝对位置： 1.外层没有position：absolute（或relative）；那么div相对于浏览器定位，如下图中b（距离浏览器右边框为50像素，距离下边框为20像素）。 2.外层有position：absolute（或relative）；那么div相对于外层边框定位，如下图中bb（距离d的右边框50像素，距离d的下边框为20像素）。 示...
比如： .w100{width:100px;}.w200{width:200px;}.w300{width:100px;}.m100{margin:100px;}.m200{margin:200px;}.m300{margin:300px;}……我的理解是：既然标签要语义化那class，id应该也是语义化的而不是完全沦为为样式服务的，诚然这样做很方便回复内容： 我想你指的.w100等应该指的是基础样式文件（如base.css）里面的通用原子类吧？这个问题问的很好。请先阅读彬GO的文章《CSS代码命名惯例语义化的方法》http://blog.bingo929.c...
回复内容：因为 HTML5 是 HTML 的超集，CSS3 是 CSS 的超集，且只是一种相对有限的扩展，并非截然不同的开发思想，所以无论直接学还是跳过学，都是绕不开的。 其实这个问题本身就不是很大的问题，直接学习HTML5和CSS3是可以的，但是学HTML和CSS也花不了多少时间，半个月足以，下几个模板，再用半个月动手写写DIV+CSS，基础的东西几乎就可以掌握了 可以直接学习，但是现阶段html5并不普及的情况下，在外面做项目多半还是html5以前的...
WEB初级工程师（CSS，暂时不考虑JS）指的是能独立完成项目。至少应该具备以下的能力：1.能够独立的完成项目，完美还原设计稿.2.能够支持自适应，不能做自适应的网站已经很少了.3.能够支持响应式，毕竟跨屏的场景越来越多了.4.能够了解一门CSS框架，做为提炼自已抽象能力的引子，通过使用，来直观的感受到其他人是怎么解决代码复用问题的。5.能够和其他的项目组成员沟通学习交流协作，熟悉一些编码规范.然后，并不要求这个时候会JS，...
我是web前端的初学者，希望能够在学习中跟上主流，目前对于HTML和CSS都学习了语法，但考虑到在实际开发一个网站是如何通过这两者来进行的，有些不知所措。在网上搜了下大概都是讲通过DIV + CSS来布局网页的，但这个作为以往网页的开发手段，和现在表现内容更加生动丰富的HTML5网站，这个方法是否依然是主要的。回复内容： “在网上搜了下大概都是讲通过DIV + CSS来布局网页的……”你先换个搜索引擎再说。首先 直接回答题主的问题...
我们可以使用CSS来为SVG图形添加样式。给SVG图形添加样式就是改变它们的外观，可以修改描边颜色和宽度，填充颜色，透明度等等。 我们可以使用6种方式来为SVG图形添加样式。我们将会在本文介绍这6种方式，文章的最后会给出所有可以在SVG上使用的CSS属性。 SVG图形可以使用的CSS属性和HTML元素可以使用CSS属性稍微有一些不同，但是绝大部分的属性还是相同的。 使用属性来添加CSS样式 我们可以使用一些属性来为SVG图形添加...
前端1 什么是前端前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript2 前端开发的技术栈HTML超文本标记语言 H...
这次给大家带来HTML的基础知识.关于css样式表和样式属性的详细介绍，使用HTML的基础知识css样式表和样式属性的注意事项有哪些，下面就是实战案例，一起来看一下。一、position：fixed 锁定位置（相对于浏览器的位置），例如有些网站的右下角的弹出窗口。二、position：absolute 绝对位置： 1.外层没有position：absolute（或relative）；那么p相对于浏览器定位，如下图中b（距离浏览器右边框为50像素，距离下边框为20像素...
<a href="http://www.baidu.com">he quan</a> ##连接<p>123<br></p> 段落 br换行 <br /><h1>123</h1> 标题字体加大，到h6<span>hequan</span> 内链标签所有标签分为： 块级标签： div（白板），H系列（加大加粗），p标签（段落和段落之间有间距） 行内标签： span（白板）标签之间可以嵌套标签存在的意义，css操作，js操作ps:chorme审查元素的使用- 定位- 查看样式<div id="1" style="position: fixed;top:0; right...
css 基础1 20161128 前面的两篇内容中已经涉及到了简单scc基础，这里就不再赘述，今天从元素间的距离说起！ 一，元素的距离计算1，两个水平方向的容器s1,s2之间的距离计算为s:s = s1的margin-right + s2的margin-left（+默认值）2，两个垂直方向的容器s1,s2之间的距离计算为s:s1的margin-bottom和s2的margin-top之间的较大者3，两个包含关系的容器s1,s2之间的距离计算为s, 假设s1为父元素s1的padding和s2的margin的和二，浮动:（fl...
1.等腰三角形.isosceles{width: 0;height: 0;border:30px solid;border-left-color: transparent;border-right-color: transparent;border-top-color: transparent;border-bottom-color: red; }2.直角三角形.right{width: 0;height: 0;border:30px solid;border-left: 0;border-right-color: transparent;border-top: 0;border-bottom-color: red; }3.圆.round{width: 100px;height: 100px;background-color: red;border-radius:50...
一、web标准1.1结构(1)xhtml(Extensible Hypertext Markup language) 可扩展超文本标记语言 (2)W3C(world wide web consortium)万维网联盟a、制定了结构（xhtml、xml）、表现（css）、标准。1.2表现（1）css(cascading style sheets)层叠样式表1.3行为（1）ECMA（Europan Computer Manufactures Association）欧洲电脑场商联合会a、制定了行为 DOM(Document Object Model) 文本对象模型b、ECMAscript标准二、HTML基本结构<!doctyp...
HTML+CSS基础在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...、、、、、、 、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、块级元素特点：1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）2、元素的高度、宽度、行高以及顶和底边距都可设置。3、元素宽度在不设置的情况下，是它...