我们平时是怎么写html和css的？

文章的起因,我只是为了回复一个帖子,http://bbs.csdn.net/topics/390908928?page=1 结果,一扯就根本停不下来.索性,一捅为快,反正是周末. 拿到效果图时,有这么几步,就我了解的情况做一下分享,不一定全部都是科学,但可以部分借鉴. 我先说一下,熟练后拿到效果图时这样的一个状态: http://imcn.me/html/y2012/9871.html/comment-page-1 拿到效果图时,有这么几步,就我了解的情况做一下分享,不一定全部都是科学,但可以部…

IE 和 FF 写不同的CSS

.FireFox 下如何使连续长字段自动换行众所周知IE中直接使用word-wrap:break-word 就可以了, FF中我们使用JS插入的技巧来解决 <style type="text/css">  </style> <div id="ff">aaaaaaaaaaaa…

如何根据不同的浏览器写不同的css样式达到兼容

做前端静态页面的时候总是发现,ie的兼容性很差,总会出点问题.然后就去改代码 ,改完以后又发现火狐谷歌又挂了,这可咋整. 后来发现做个判断吧哪里有问题哪里就做个判断呗 ,咋判断呢,这么判断.  IE6及其以下版本可见,就是ie5,ie4...的话就调用这个css.  同道理了..同上 <!--[if IE…

写给初学者css优先级问题

首先需要搞清楚几个基本概念 1.内嵌样式: 写在元素标签内的例如:<div style="background-color:red"> </div> 2.内联样式: 写在head的style例如:<head> <style> div{ background-color:red; } </style> </head> 3.外部样式: link标签引入进来的例如:<link rel="styleshee…

1.写页面 2.css的继承属性有哪些 3.margin对布局的影响

1. sparent 透明的 2. placeholder 提示语写页面 1.搞清结构层次 2. 保证模块化让它们之间不能收到影响. (1) 元素性质 (2)标准流浮动带来的脱离文档流撑不起父级的高度的问题可以采用清楚浮动的方式消除影响. absolute 和fixed 带来的脱离文档流撑不起父级高度,使用子元素设置高强制撑起父级. 1.css可以继承的属性哪些? font系列 text系列 color line-height 2.border-radius 值的问题四个值的顺序左上…

学写网页 #05# CSS Mastery 笔记 1~3

看到第四章才发现这本书已经太旧了..看到第 3 章为止吧.前三章主要讲的内容:一些编码常识.怎样选择元素.盒子模型(主要是 Margin).定位(绝对.相对.浮动.fixed 等) 第一章 conventions validator DOCTYPE switching The browser chooses which rendering method to use based on the existence of a DOCTYPE declaration and the DTD bein…

JQ 特效下拉列表写出与css一样的效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

最诡异的Linux fork进程问题（我们平时都在写）

从来没有遇到过... 运行环境:在Linux自带的文本编辑器中输入C程序,在shell中编译运行,下面直接看代码和运行结果. 第一个代码:#include<stdio.h> #include<stdlib.h> #include<unistd.h> #define N 2 int main() { int i; pid_t pid; for(i = 0; i < N; i++) { pid = fork(); if(pid == 0) { printf("…

平时自己项目中用到的CSS

outline 当选中input元素的时候会出现状态线, outline设置成none就没了 input{ outline:none; } contentditable 设置元素内的文本是否可编辑 <p contentditable="true">可编辑</p> user-select 禁止用户选中文本 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-s…

在 Less 中写 IE 的css hack

Less中直接在属性后面加hack写法会编译报错的.那么怎么解决呢? 第一种方式: IE7 以display:inline-block为例: less的hack写法: .box{ display: inline-block; *display:inline; *zoom:; } 编译出来的结果也是 .box{ display: inline-block; *display:inline; *zoom:; } 注意:这里只能用 * 号,用 + 号写hack会报错,因为 + 号在less中不支持编码…

之前在不网站看到过关于css的一些例子今天自己也写了一个css特效

下面是代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css的旋转巩运用 transition transform filter 的一些属性</title> <style type="text/css"> *{; margin:0 ;font-family: "arial rounded mt b…

写了这么多年 CSS，initial 和 inherit 以及 unset 和 revert 还傻傻分不清楚？

经常会碰到,问一个 CSS 属性,例如 position 有多少取值. 通常的回答是 static.relative.absolute 和 fixed .当然,还有一个稍微生僻的 sticky .其实,除此之外, CSS 属性通常还可以设置下面几个值: initial inherit unset revert { position: initial; position: inherit; position: unset /* CSS Cascading and Inheritance Level…

Html+css 练习写页面发现的错误及解决办法。

最近开始模仿写一些静态页面,今天模仿的是中华咨询网.写了一个简单的js(功能:当鼠标hover一级菜单的时候,设置二级菜单为显示,当鼠标hover二级菜单的选项时候,二级菜单不收回.当鼠标移出菜单一级或者二级,二级菜单都收回)刚做完演示是正正确的,又继续写一一部分CSS,再回去试这个函数的时候发现不能用了.对于新手的我来说很是困惑,命名上边的东西都没动啊,咋就不好使了呢?代码如下后来我鼠标慢慢移动,发现有的地方可以hover到,经过调试找到原因是被下边的搜索框盒子挡住了,我就把搜索框盒子样式加…

为IE单独写CSS的三种方法

本文由 Kayo Lee 发表,本文链接:http://kayosite.com/the-methods-make-css-only-for-ie.html 因为万恶的 IE 存在各种的不标准,因此,在进行页面开发时不免要为 IE 单独写一些 CSS .熟悉的方法有 IE hacks 和条件注释 CSS(Conditional Stylesheets),下面,不妨讨论一下这两种方法的优缺点. IE hacks 举个例子,一个元素在其他浏览中的左边距是 30px ,而在 IE6 中则设置为 20p…

css文件都写在一个里面还是每个页面都引用单独的css样式好？

因为网站比较小,外加网站页面有很多重复构件,决定采用“构件复用”搭建网页,但是遇到了一个问题.因为虽然有共同的css,但是每个页面或多或少都有独立的样式控制,到底是写在同一个css还是分离看上去清楚一点呢?~~纠结整理博客时发现这个自己遗留下的问题.…

从div盒子模型谈如何写可维护的css代码（转）

市面上我们常常会看到各种各样的设计模式书籍,Java设计模式.C#设计模式.Ruby设计模式等等.在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料,即使在网上找到类似内容,细细一看之下才发觉是南辕北辙.经过浩瀚文章搜索发掘下依旧一无所获之后,直接导致了我萌生一股写一篇CSS设计模式的冲动,至此写下这篇文章,其中叙述如有不当之处,也恳请各位提出意见,分享出您宝贵的经验. 在写页面之中,width, margin, padding这三个CSS属性可以说是用到频率最高的几个属性之一.但根据我…

仿淘宝左侧菜单导航栏纯Html + css 写的

这俩天闲来没事淘宝逛了一圈看到淘宝的左侧导航菜单做的是真心的棒啊,一时兴起,查了点资料抓了几个图片仿淘宝写了个css,时间紧写的不太好,大神勿喷,给小白做个参考废话不多说先来个效果图接下来直接上代码,图片没法传,只能直接放代码下边,辛苦点一张一张扣去吧…

如何写好css系列之button

现代前端行业的发展,如果你在css的时候,还没有利用一些预编译工具,是否觉得自己太low了.但你是否考虑过搭建一套自己前端框架.可能你会想这是否有必要,因为基础有boostrap,组件库有:easyui,elementui,iview,ionic等等.但我个人练习自己如何写好一个css框架,对自己前端能力的提升还是有帮助的.所以本人以此为目标和动力.展开了这个系列的博客之旅.开篇以button为起点. 一.与美术交流获取得这些信息 1. 按钮状态:普通状态.鼠标悬停.选中状态.禁用状态 2. 按…

BAT及各大互联网公司2014前端笔试面试题--Html,Css篇（昨天有个群友表示写的简单了点，然后我无情的把他的抄了一遍）

某个群友 http://www.cnblogs.com/coco1s/ 很多面试题是我自己面试BAT亲身经历碰到的.整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习前端基础更是大有裨益. 而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正. 前面几题是会很基础,越下越有深度. 附上第一篇:BAT及各大互联网公司2014前端笔试面试题--JavaScript篇 Html篇: 1.你做的页面在哪些流览器测试过?这些浏览器的内核…

css实战笔记（一）：写网页前的reset工作

reset.css是每个html必备的样式,其中有各种元素属性清零的代码. 为什么要有reset.css 让各个浏览器的CSS样式有一个统一的基准,比如清除各个浏览器为元素自带的margin.padding等.reset必要性的例子: 随便写一个div,发现它的左边与上边都与浏览器边框有白色空隙: 在css中加入margin.padding清零的代码后,div的边缘与浏览器完全贴合: 所有类似红线画出的用作元素初始化(标准化)操作的代码的集合,写在reset.cs…

CSS预处器的对比——Sass、Less和Stylus

预处器的对比--Sass.LESS和Stylus 转载: 英文原文:http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout 中文译文:http://www.w3cplus.com/css/sass-vs-less-vs-stylus-a-preprocessor-shootout.html 作者:大漠日期:2013-01-26 点击:5177 Sas…

【CSS进阶】原生JS getComputedStyle等方法解析

最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹. 另外,阅读源码让我接触到了大量底层的知识.对原生JS .框架设计.代码优化有了全新的认识,接下来将会写一系列关于 jQuery 解析的文章. 我在 github 上关于 jQuery 源码的全文注解,感兴趣的可以围观一下…

【原】CSS实现背景透明，文字不透明，兼容所有浏览器

11.11是公司成立的日子,16岁啦,我呢3岁半,感谢公司给了这样一个平台,让我得以学习和成长,这里祝愿公司发展越来越好~ 进入主题,每年11月11号是光棍节,产生于校园,本来只是一流传于年轻人的娱乐性节日,以庆祝自己仍是单身一族为骄傲,而如今是各大商家以脱光为由打折促销的时期,成为了所谓的”购物节“,双11也算了,后面还要搞双12,不得不吐槽下. 于是呢,熬夜加班做了11.11的活动,在PC端遇到了透明背景和透明图片的问题,其实以前也遇到过,只是没有总结起来,就忘记了,这次又撞墙了,必须记录下…