CSS笔记

htmlcss笔记--定位

1.定位： 　　position：relative(相对) 　　　　不影响元素本身的特性； 　　　　不使元素推理原来文档流；还占有所在的位子。 　　　　定位元素控制：top/right/bottom/left　　定位元素偏移量。 　　absolute（绝对定位） 　　　　使元素脱离文档流， 　　　　使内嵌元素支持宽高， 　　　　快属性标签内容撑开宽度。 　　　　相对于整个文档发生
·2015-11-11 02:09

CSS笔记

1. 内容溢出(overflow):     使用浮动就一定要同时清除浮动,使用浮动的时候最容易出现的情况就是内容溢出。限制溢出的方法:1.清除浮动 2.同时使用overflow 这个方法比较好 3.单位使用em代替px 。 2.页面居中 ： 路子1：在要居中的元素外面套一层Div，设置width 并将margin-left， margin-right设置
·2015-11-08 15:38

CSS笔记

CSS控制页面的几种方法: 1、行内样式。 如：<P style="color:#000;font-size:12px;">content</p> 2、内嵌样式：写在<head>和</head>之间，并且用<style>和</style>标记进行声明。 如： 3、链接样式： 如：<
·2015-10-31 16:21

Codecademy - CSS笔记

位置属性： display: block —— 默认值。表示当前元素占用页面的所有宽度 display: inline-block —— 允许其他元素共用同一行，但元素依旧是一个block，该元素宽度取决于设置的值。 display: inline —— 允许其他元素共用同一行，但是该元素不再是一个b
·2015-10-31 14:11

学习CSS笔记

CSS是Cascading Style Sheets层叠样式表。 CSS的目的是为了让内容与表现分离，通常把style（比如文本颜色）定义在.css文件中，html文件只包含网页内容，不包含如何显示（如文本颜色）。可以.css文件定义一系列html网页的style，让网站风格统一，且易于更改外观（只需要更改.css文件）。 CSS语法： selector {property0: value
·2015-10-31 11:10

[k]bootstrap.css笔记

bootstrap-3.3.4.css 1---@2989  .btn 使用touch-action来控制滚动;CSS属性touch-action允许你在触摸时控制滚动行为; 如下是touch-action的所有可能值: touch-action: auto 滚动正常工作，只要浏览支持触摸操作依旧可以触发水平或是垂直的滚动。touch-action: none 触摸操作不能触发滚
·2015-10-31 11:27

CSS笔记(1)

什么是样式表：CSS是Cascading Style Sheet的缩写。译作“层叠样式表单”。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 将样式表加入您的网页中的三种方式 （ 可以使用三中方式将样式表加入您的网页，而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义）。例外参阅 !important 声明。 !i
·2015-10-28 09:55

CSS笔记之引用方式

1、样式表有4种引用方式，其中数字 4 拥有最高的优先权。 浏览器缺省设置 外部样式表 内部样式表（位于 <head> 标签内部） 内联样式（在 HTML 元素内部） 因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）
·2015-10-23 08:14

css笔记

很久没写过前段的代码了，忘记了很多，由于公司项目要我写前端页面，所以今晚抽点时间看了下重要的一些css样式。 做了点小笔记 文本text-decoration : none; 下划线|上划线|删除线|nonetext-align : center; 文字对齐line-height : 50px; 行高，可以设置文字垂直居中word-break : break-all; 碰到div右侧折行 le
·2015-10-21 12:21

目录导航

nbsp; C#基础知识练习题 C#面向对象知识总结 正则表达式(Regular Expression) SQL Server知识汇总 ADO.NET笔记汇总 HTML笔记汇总 DIV+CSS
·2015-10-21 11:06

html/css笔记

根据不同浏览器使用不同的css文件 无标题文档     function setCss(){        //根据浏览器来选择CSS           if (!window.XMLHttpRequest) {              setActiveStyleSheet("IE6.css"); //IE6           }else if(window.ActiveXObj
没有水勒鱼·2015-10-19 13:46

类目之间的横竖线效果的实现

今天看了http://ued.taobao.org/blog中的一篇前端文章《段正淳的css笔记(1)》，里面讲到了关于实现类目之间的横竖线的问题，并且引发了业界大牛的一系列争议。
sunshinewyf·2015-08-12 11:00

CSS笔记1

在 div+css开发的时候，特别是新手特别喜欢追求完美，所以开发中或开发完后立即去验证开发的 css是否符合 w3c标准。虽然说验证w3c是好事但是，这个不是最重要的，最重要的是 div css的兼容浏览器性能、css代码最优程度、特效兼容。   CSS扩展与提升1、兼容各版本浏览器也会导致验证失败。在开发div css的时候我们一般都不会刻意去追求完美，特别是
·2015-07-05 20:00

css3学习笔记2

css笔记2 一  伪选择器    <style type="text/css"> input[type="text
jackyrong·2015-06-05 20:00

css3学习笔记2

css笔记2 一  伪选择器    <style type="text/css"> input[type="text
jackyrong·2015-06-05 20:00

css3学习笔记2

css笔记2 一  伪选择器    <style type="text/css"> input[type="text
jackyrong·2015-06-05 20:00

css3学习笔记2

css笔记2 一  伪选择器    <style type="text/css"> input[type="text
jackyrong·2015-06-05 20:00

css3学习笔记2

css笔记2 一  伪选择器    <style type="text/css"> input[type="text
jackyrong·2015-06-05 20:00

css3学习笔记2

css笔记2 一  伪选择器    <style type="text/css"> input[type="text
jackyrong·2015-06-05 20:00

css3学习笔记2

css笔记2 一  伪选择器    <style type="text/css"> input[type="text
jackyrong·2015-06-05 20:00

css笔记整理

*{margin:0;padding:0}对页面进行初始化，防止在不同浏览器下出现默认的距离值line-height；设置文字行高，可以让文字在块级元素中垂直居中，尤其在导航中可以使用，也可以让文字变得稀疏一点好看一点float:浮动left:?px距离左边多少像素top:?right:?bottom:?距离不同方向的距离leftrighttopbottom要加上position:absolutr
lsx991947534·2015-05-22 00:00

HTML DIV CSS 笔记汇总

HTMLDIVCSS笔记汇总博客分类：CSS+DIV布局心得与体会csshtmlCSS层叠样式表单Ctrl+j弹出自动提示,帮助.鼠标放到元素上变形状(鼠标样式,鼠标形状变了):cursor:pointer
明伯·2015-03-26 10:00

css笔记

1，对块的布局用 <style>     #文件名{ width:300px; ……     } </style>    浮动 float:left;    浮动清除：clear:left; 2，盒子之间的距离用margin   &
董子敬·2015-03-25 12:00

div+css笔记

background:url(../images/dian.png)no-repeat;no-repeat(可以设置图片不重复)背景图片的css代码，用得最多的是lefttopno-repeatrepeat-xrepeat-y设置平铺坐标（经常用的代码是background-position:lefttop;background-repeat:no-repeat;）。background-posi
彳亍的路人·2014-10-21 16:21

Htnl+Css笔记续

一般情况下， 90%的情况下增加padding就需要在高度和宽度当中减去相应的尺寸；而增加margin的时候一般不需要； 本质上来讲，因为padding本身就是宽度和高度的一部分提出来；从这个角度上来说你增加padding就等于增加宽高尺寸；ie中的兼容问题--------img标签；img标签在ie浏览器中默认会有一个边框border，一般我们制作网页中是不需要这个边框的；解决办法------在
luocheng2014·2014-09-12 22:00

Html+Css笔记

在css的标准当中，css认为所有标签都是一个规则的矩形盒子；【盒子模型】盒子模型主要可以用来布局，或者处理网页制作中很麻烦的距离部分的工作；（1）别管是内边距padding还是外边距margin；都是在原有尺寸上增加；（2）内边距和外边的用法完全相同；所以只要理解其中一个即可；如果你希望观察到内边距和外边距的范围需要在火狐里面firebug中观察；（3）在firebug中浅蓝色的范围表示的是实体
luocheng2014·2014-09-12 22:00

css笔记（二）——几种常用的模式

文本垂直居中对于行内元素，height会自动收缩到包裹住文本的高度，所以不存在这个问题。但是对于block和inline-block等盒子元素，如果设置了height属性，则文本默认会在上方显示。如果希望文本在垂直方向上居中，可以设置line-height属性等于height属性，或者大于height属性 helloworld div{ height:200px; line-height:200p
kyfxbl·2014-05-11 15:00

css笔记（二）——几种常用的模式

文本垂直居中对于行内元素，height会自动收缩到包裹住文本的高度，所以不存在这个问题。但是对于block和inline-block等盒子元素，如果设置了height属性，则文本默认会在上方显示。如果希望文本在垂直方向上居中，可以设置line-height属性等于height属性，或者大于height属性 helloworld div{ height:200px; line-height:200p
kyfxbl·2014-05-11 15:00

CSS笔记

possition值描述absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。relative生成相对定位的元素，相对于其正常位置进行定
daocaorencrl·2014-05-08 16:00

css笔记（一）——文档流和盒子

1、html文档流，默认从上往下，从左往右地解析2、DOM由各种盒子组成，大致上分为block盒子和span盒子block默认会把宽度撑满自己的父元素；span盒子正好相反，会尽量把宽度缩紧到刚好够包裹内容盒子的width由4个部分组成：content，padding，border，margin3、css选择器，主要有3种，基于文档结构，基于id和class，基于property
kyfxbl·2014-04-24 21:00

css笔记（一）——文档流和盒子

1、html文档流，默认从上往下，从左往右地解析2、DOM由各种盒子组成，大致上分为block盒子和span盒子block默认会把宽度撑满自己的父元素；span盒子正好相反，会尽量把宽度缩紧到刚好够包裹内容盒子的width由4个部分组成：content，padding，border，margin3、css选择器，主要有3种，基于文档结构，基于id和class，基于property
kyfxbl·2014-04-24 21:00

为满足简单网页需要，个人CSS笔记

第一节三种样式 1、三种样式： 1、嵌入样式 @importurl("css/layout.css"); 2、行内样式 Home 3、连接样式 2、1、类选择符： body{}div{}span{} 2、群组选择符 h1,h2,h3,p,span{} 3、包含选择符 h1span{} 4、id选择符 #adam1985{} 5、class选择符 .apple{} 6、包含选择符+群组选择符
u012590854·2013-12-07 21:00

html+css笔记总结 .

完整的HTML结构                      样式的引用  一。内部编写body{background:black;text-spacing:0.5em}.div_css1{align="center"margin:20px}.p_css1{color:red;font:(Style)itlic||oblique(variant)small-caps||none(weight)80
gongth_12·2013-05-23 13:00

css3 css笔记

CSS3伪类选择器：nth-child() 简单的归纳下nth-child()的几种用法。 第一：nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。 第二：nth-child(an) 匹配所有倍数为a的元素。其中参数an中的字母n不可缺省，它是倍数写法的标志，如3n、5n。 (EG) li:nth-child(3n){backgrou
柠檬桃·2013-03-14 16:00

css笔记

@importurl("a.css");---------------------#p1 ID选择符.p1 类选择符-------------------div:first-letter 只格式化第一个字母div:first-line   只格式化第一行-------------------a:link 未访问a:visited 访问后a:hover  悬停时a:active 激活时-------
·2012-09-14 22:00

css笔记（day2）

css样式加载css样式有以下四种外部样式内部样式行内样式导入样式这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。h2{color:#f00;}这种形式是内部样式表，它是以和结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面。内部样式这种在标签内以style标记的为行内
xing_sky·2012-06-13 16:00

CSS笔记

当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？ 一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。 浏览器缺省设置 外部样式表 内部样式表（位于 <head> 标签内部） 内联样式（在 HTML 元素内部） 因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下
zqc_0101·2012-06-12 17:00

【CSS笔记之十】深入认识display:inline-block和hasLayout

【CSS笔记之十】display:inline-block和hasLayouthasLayout设计的初衷是用于辅助块级元素的盒子模型的，它是用于块级元素的。如果用于行内元素，会引发一些特殊效果。
freshlover·2012-05-16 18:00

我的css笔记

编码  css文件的编码要和页面的编码一致，在css中指定编码 要在css文件的最前端，如下： @charset "utf-8"   body 定义 *{ margin:0; padding:0; } body{ font:12px/130% Verdana, Geneva, Arial, Helvetica, sans-se
sibyl_pisces·2012-05-16 08:00

【CSS笔记之九】CSS选择符权重、CSS Sprite技术和CSS hack

一、在实际使用中，使用类要注意：多用组合，少用继承。上下margin重合问题：margin是个特殊的样式，相邻的margin-left和margin-right是不会重合的，但相邻的margin-top和margin-bottom会产生重合。如果不确定模块的上下margin特别稳定，最好不要将它写到模块的类里，而是使用类的组合，单独为上下margin挂用于边距的原子类（如mt10/mb20）模块最
freshlover·2012-05-15 18:00

【CSS笔记之八】CSS标签语义化、怪异模式和CSS的组织方式

CSS语义化标签需要注意的问题1.虽然CSS布局中不推荐使用table。但是table布局在二维数据展示方面是最好的选择。table除了table、tr、td标签外，表格标题要用caption，表头用thead包围，主体部分tbody包围，尾部用tfoot包围，表头和一般单元格要区分开，表头用th，一般单元格用td。2.尽可能减少使用div、span等无语义标签。3.在语义不明显，既可以用p也可以
freshlover·2012-05-14 19:00

【五月夏花】CSS笔记之七：话说CSS字体属性font-family、font-style、font-size、font-weight、font-variant

话说CSS字体属性font-family、font-style、font-size、font-weight、font-variant：使用CSS，可以对字体进行设置，字体属性包括五种常见属性：字体系列font-family、字体样式/字体风格font-style、字体大小font-size、字体粗细font-weight、字体变量font-variant。通过这五个属性，可以设定文本在web页面的
freshlover·2012-05-08 19:00

【CSS笔记之六】filter滤镜在IE浏览器失效的原因、Chrome不认document.documentElement.scrollTop的解决方法

一、filter滤镜在IE浏览器失效的原因及其解决方法在项目后期补充交互效果的时候，发现有时候filter滤镜在IE浏览器下会失效。用IEDeveloperToolbar检查测试后发现hasLayout属性值为0。说明造成此现象的原因依然是IE的Layout没有被触发。触发IELayout的方式很多，比如display：inline-block;width/height:除auto外任意值;pos
freshlover·2012-05-04 19:00

【CSS笔记之五】IE6/IE7/IE8下float:right的异常及其解决方法

示例分析代码： 安卓首页>安卓游戏>角色育成下载量排序时间排序 对应CSS样式代码：#channel_tith1,#channel_tith2{ background:none; font-size:14px; padding-left:10px; height:34px; line-height:34px; width:650px; } /*排序开始20120503*/ #channel_t
freshlover·2012-05-03 16:00

柳絮纷飞的日子——CSS笔记之四

1.IE6也认识!important.我们知道!important一般用做提升优先级，区分IE6和Firefox/Chrome/Opera/IE其他版本的hack，不过并不是因为IE6完全不支持!important.代码段一：  .test{ color:blue!important; color:green; } 代码段一代码段二： .test{ color:blue!important; }
freshlover·2012-04-16 17:00

css笔记-浮动与定位

阅读更多boby的margin默认是不为0的。浮动与定位。浮动css中float默认为none。设置为left或right，元素就会向其父元素的左侧或右侧靠紧，同时默认情况下，盒子的宽度不再伸展，而是根据盒子的内容来确定。浮动的元素将脱离标准流，后面的元素若不浮动，就会当前面面浮动的元素不存在一样，但文字会围绕前面的浮动元素。若前后两个元素都浮动，它们一起脱离标准流，它们之间的margin就会起作
cleaneyes·2012-03-09 23:00

css笔记-浮动与定位

boby的margin默认是不为0的。 浮动与定位。 浮动 css中float默认为none。设置为left或right，元素就会向其父元素的左侧或右侧靠紧，同时默认情况下，盒子的宽度不再伸展，而是根据盒子的内容来确定。浮动的元素将脱离标准流，后面的元素若不浮动，就会当前面面浮动的元素不存在一样，但文字会围绕前面的浮动元素。若前后两个元素都浮动，它们一起脱离标准流，它们之间的margin就会起
cleaneyes·2012-03-09 23:00

css笔记

  样式表定义及引用 1 内联样式 在标记中直接使用style属性可以对该标记括起的内容应用该样式显示。   <p style="font-family:宋体;color:green;background-color:yellow;font-size:9pt">   <body style="font-fami
mousepc·2011-10-01 15:00

CSS笔记

1.css的优先级 最开始的是先后顺序，再然后就是，一个标签选择器1分，一个类选择器10分，一个id选择器100，一个行内样式1000，！important就当无限分吧 2.css定义 标签选择器     p{     font-size:12px;     background:#900;
fireq3·2011-09-07 17:00

CSS笔记

               CSS5种样式 1、标签选择符使用XHTML中已有的标签做为选择符      如：p{width:250px;}              h1{color:#ff0000 }2、ID选择符 使用控件的ID值，ID值是唯一的 需要加‘# ’      如：#hello{color:#ffooff}              你好3、class选择符 使用控件的clas
KAIFEIXIONGDI·2011-07-23 11:00
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他