CSS笔记

HTML+CSS笔记 表格,超链接,图片,表单

表格给表格加入CSS样式,添加表格边框语法: tabletrtd,th{border:1pxsolid#000;} 摘要摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法: 标题用以描述表格内容，标题的显示位置：表格上方。 标题文本
EchoRep·2016-02-09 08:00

小番茄的CSS笔记汇总（二）

希望能通过这写这么一个系列的文章来督促和重新学习css的知识，也希望能帮助刚踏上前端之路的学弟学妹们全面一些的学习css知识,这个系列主要是从css的api的翻译笔记cssApi文档:disabled:disable伪类主要是用来选取被禁用的元素，一个元素被禁用就代表着这个元素不能被激活（即不能被选中，点击，不能当作表单使用）或则被聚焦。当然这个元素也有能被激活的状态，也就是说这个元素能被激活或则
白霸天·2015-12-25 00:00

Normalize.css笔记

每次写PC端的页面，最头疼的就是css兼容了，后来做的多了知道这是因为各浏览器间不一致的css渲染导致。记得最开始写的时候（在学校时候）灰常简单粗暴，啊哈哈。直接*{margin:0;padding:0;}，但是*是通配符，css所有元素都会用到，有人说属于滥用，后来看到一篇博文http://www.zhangxinxu.com/wordpress/2010/04/css-reset%E7%9A%
脸脸Rae·2015-12-17 16:00

前端的学习

DOM标签元素 标签类型节点 样式 属性 不同浏览器支持的差异性(很小一部分) 框架布局               弹窗 浮动js笔记; 技术点关键词: 变量 方法 参数 对象 触发和调用 异步数据交互css
每天写一点儿·2015-12-14 14:00

css笔记

1、根据CSS，子元素从父元素继承属性。2、后代选择器（包含选择器）：当前元素的所有子级3、子元素选择器（当前元素下的子级）：>4、相邻兄弟选择器（+）5、id区分大小写6、类名不能以数字开头7、属性选择器：[属性名=属性值]8、background-image:url(/i/eg_bg_04.gif);9、background-repeat:repeat-x背景图片平铺效果；10、backgro
鬼脸·2015-12-07 17:00

html+css笔记

1 当父级的positon:relative 时（除static外所有值） ，子级的position:absolute;是相对父级别绝对定位；    当父级不是时，子级是相对浏览器绝对定位；   #被定位过的容器将扮演绝其中所有对定位元素的定位起始点角色。   2 外边距重叠 3 绝对定位和浮动定位 固定布局(宽度固定)和流式布局(宽度百分比)
·2015-11-13 06:21

一个新手CSS笔记

对CSS网页布局的技巧，可谓是名目繁多，今天介绍一位CSS新手整理的CSS网页布局的小技巧，或许对您更有实际的参考价值： 1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID
·2015-11-12 20:51

常用的CSS命名规范

常用的CSS命名规范： http://www.html5cn.org/article-7600-1.html 通用CSS笔记、建议与指导：https://github.com/chadluo/CSS-Guidelines
·2015-11-12 20:24

CSS笔记

http://www.w3school.com.cn/css/css_positioning_floating.asp 对于定位的主要问题是要记住每种定位的意义。相对定位是“相对于”元素在文档中的初始位置，而绝对定位是“相对于”最近的已定位祖先 元素，如果不存在已定位的祖先元素，那么“相对于”最初的包含块。 创建浮动框可以使文本围绕图像,要想阻止行框围绕浮动框，需要对该框应用 clear 属性
·2015-11-12 20:23

CSS笔记

  CSS书写顺序： 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(
·2015-11-12 16:52

4.CSS笔记：取值和单位

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com CSS的取值和单位构成了CSS中的属性值，这是最重要也是最基础的 一. CSS取值 1. 数字值 数字是CSS中最常用的属性值，CSS有两类数字
·2015-11-12 15:43

3.CSS笔记：特殊性、继承、层叠

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 由于CSS选择器的强大，我们可以使用不同方法来选择同一个元素，因此，如果一个元素有两个以上的规则匹配，会怎样呢？ 一. 特殊性（针对性） 特殊性
·2015-11-12 15:42

1.CSS笔记：简介、语法规则

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 一. CSS历史 1996年 CSS1.0 1998年 CSS2.0 2001年 CSS3.0（分为不同的模块，陆续推出） 20
·2015-11-12 15:41

2.CSS笔记：选择器汇总

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 得益于CSS强大的选择器，我们可以方便的向一组同类型的元素应用样式 选择器决定了CSS规则将影响文档中的哪些部分 对于没有特殊说明的，都是全浏
·2015-11-12 15:41

css笔记二：布局，左侧固定，右侧自适应

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>左侧固定宽度，右侧自适应，并且固定最小像素 </ti
·2015-11-12 13:06

css笔记一：如何令两个div并排显示

1 /*css部分*/ 2 #content1{ 3 float:left; 4 } 5 #content2{ 6 float:left; 7 } 8 9 10 /*html部分*/ 11 <div id="content1"></div> 12 <div id="content
·2015-11-12 13:04

14.CSS笔记：伸缩盒模型属性

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 在使用伸缩盒模型相关属性时，需要把父元素的display属性设置为弹性伸缩盒或者行内块级弹性伸缩盒 块级弹性伸缩盒 display:box;
·2015-11-12 11:49

13.CSS笔记：多列（多栏）属性

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com CSS3中新增的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充 一. 多列（multi-column） 1. co
·2015-11-12 11:49

11.CSS笔记：内容、用户界面属性

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 一. 生成内容 生成内容是指由浏览器创建的内容，而不是由标签或者内容来表示 例如，列表项符号就是生成内容（没有任何部分直接表示这些符号，浏览器自
·2015-11-12 11:48

12.CSS笔记：变换、过渡、动画属性

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com CSS3的变换，过渡和动画为页面的展现带来了翻天覆地的变化，使用它们可以创造出意想不到的动画和变换效果 CSS3的变换或者动画不会影响周围的元素
·2015-11-12 11:47

10.CSS笔记：表格、列表属性

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 表格和列表是组织数据的有效手段 一. 表格 CSS对待表元素（table）和表内部元素（caption、tr、td、th、thead、tbody
·2015-11-12 11:46

7.CSS笔记：盒模型解析

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 了解了CSS盒模型的工作机制，我们就能确定一种行为到底是CSS引擎所定义的正确结果，还是一个BUG 一. 元素框（盒模型） CSS假定每个元素都
·2015-11-12 11:46

9.CSS笔记：浮动、布局、定位属性

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 一.浮动 1. float属性 作用：指定元素浮动方式 默认值：none 适用于：所有元素 继承性：无 动画性：无 取值
·2015-11-12 11:45

8.CSS笔记：颜色、背景属性

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 颜色和背景属性决定了网页显示的多样性 一. 颜色 1. color属性 作用：指定字体颜色 默认值：由用户代理决定 适用于：所有元
·2015-11-12 11:44

6.CSS笔记：盒模型属性

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com 一. 元素宽/高 1. width属性 作用：指定元素宽度 默认值：auto 适用于：除了行内非替换元素和table-row, ta
·2015-11-12 11:44

5.CSS笔记：字体、文本属性

本系列内容由ZouStrong整理收录 整理自 《写给大家看的CSS书（第2版）》、《CSS权威指南（第3版）》、《精彩绝伦的CSS》、《精通CSS：高级Web标准解决方案（第2版）》、CSS参考手册 css.doyoe.com CSS拥有很多属性，正是这些属性决定了网页显示的样式，所有属性都会有一个初始的默认值，并且不同的属性适用的元素类型也有很大的不同 设置字体和文本
·2015-11-12 11:43

css笔记19：浮动的案例

案例一： 1. 首先是01.html文件： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:
·2015-11-11 19:20

css笔记17：盒子模型加强版的案例

1.先看看经典案例效果图，导出思路： 分析：思路 基本结构 <div>     <ul>        <li><img src=""/> </li>       …………     </
·2015-11-11 19:19

css笔记16：盒子模型的入门案例

1.案例一： 效果图如下： （1）box1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&qu
·2015-11-11 19:19

css笔记15：盒子模型

1.流 流：html元素在网页中显示的顺序 标准流：在html文件中，写在前面的元素在前面显示，写在后面的html元素在后面显示。 非标准流：在html之中，当某个元素脱离了标准流，那么它处于非标准流   2.盒子概念    要弄清盒子模型这个概念，就必须先明白下面这个几个概念：    在网页设计中常听的属性名：内容（content）
·2015-11-11 19:18

css笔记13：display用法

1.代码演示： element.html如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="htt
·2015-11-11 19:17

css笔记11：选择器练习

1. （1）exam1.css文件： .s1 { font-size: 50px; color: blue; } .s2 { backgoround:gray; font-style: italic; color: red; } .s3 { background-color: gray; } （2）exam1.html文件 <!DOCTYPE html PUBLIC &q
·2015-11-11 19:16

css笔记12：块元素和行内元素

1.概念： 行内元素：又叫内联元素，内联元素只能容纳文本或者其他内联元素，常见的内联元素有<span><a> 块元素：块元素一般都是从新行开始，可容纳文本，其他内联元素和其他块元素，即使内容不能占满一行，块元素也要把整行占满。常见的块元素<div><p>   2.代码演示1： （1）exam.html <!DOCTYPE
·2015-11-11 19:16

css笔记10：多个id选择器/类选择器包含相同部分问题的探讨

有些时候，我们可以将多个class选择器或者id选择器，html选择器的共同部分提取出来，写在一起，这样的好处是是可以简化css文件 1.首先我们先看一段代码.css,如下： @charset "utf-8"; /* CSS Document */ /*招生广告*/ .ad_stu { width: 136px; height: 196px; background-
·2015-11-11 19:15

css笔记09：选择器优先级

1. （1） <!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/19
·2015-11-11 19:14

css笔记07：通配符选择器

通配符选择器： 1 * { 2 margin：10px ;//默认四个位置参数全为零 3 4 margin-top：10px;//分别设置四个参数 5 margin-left：10px; 6 margin-right：0px; 7 margin-bottom：0px; 8
·2015-11-11 19:13

css笔记08：id选择器之父子选择器

1.父子选择器 （1）01.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww
·2015-11-11 19:13

css笔记06：层叠样式选择器

1. (1)HTML文件 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://w
·2015-11-11 19:11

css笔记05：表单

1. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html> 3 <head> 4 <st
·2015-11-11 19:10

css笔记04：属性选择器

1.属性选择器： 带有 title 属性的所有元素设置样式： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html>
·2015-11-11 19:09

css笔记03：伪类first-child

1. 匹配第一个 <p> 元素 在下面的例子中，选择器匹配作为任何元素的第一个子元素的 p 元素： <html> <head> <style type="text/css"> p:first-child { color: red; } </style> </head>
·2015-11-11 19:08

css笔记02：选择器（标签式和类）

body { margin:0; padding:0; background:#000 url('images/backgrounds/star.png') no-repeat fixed; font: 12px sans-serif; } 这里body就是选择器，这里将margin、padding、background及font等CSS属性应用到到这个b
·2015-11-11 19:08

css笔记01：css例子

body { margin:0; padding:0; background:#000 url('images/backgrounds/star.png') no-repeat fixed; font: 12px sans-serif; }   （1）margin和padding的区别用图表示为：   （2）CSS里定义bod
·2015-11-11 19:07

css笔记

CSS ☞定义：指层叠样式表 (Cascading Style Sheets) ²  样式定义如何显示 HTML 元素 ²  样式通常存储在样式表中 ²  把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 ²  外部样式表可以极大提高工作效率 ²  外部样式表通常存储
·2015-11-11 09:03

htmlcss笔记--标签默认值样式重置css reset(2)

1.内联，内嵌，行内元素： 　　默认可以继续跟同类型标签显示； 　　由内容撑开宽度，内容多宽，会有多宽； 　　span，内嵌标签部支持宽高，即使加了宽高也不支持， 　　也不支持上下内外边距，但是支持左右内外边距；内上下边距会影响背景颜色（但不会撑开距离，不会把后其他元素往下挤开，但会在显示出背景） 　　　　 　　内嵌代码换行会被解析为空格，块级不会。    
·2015-11-11 02:11

htmlcss笔记--a

a标签 　　　　1.下载：href里面放一个文件或者压缩包时，会下载； 　　　　2.锚点：跳转到锚点； 　　　　　　href="#id" 　　　　　　　　跳转到的模块添加一个id，点击id就会跳转到该模块。       html标签： 　　<strong></strong>：粗体强调 　　<em&g
·2015-11-11 02:10

htmlcss笔记--标签默认值样式重置css reset

1.<a>标签 　　有默认文字修饰：下划线， 　　　　去除：text-decoration:none; 　　　　　　 　　　　　text-decoration属性值： 　　　　　　none　　　　默认。定义标准的文本。 　　　　　　underline　　定义文本下的一条线。 　　　　　　overline　　  定义文本上的一条线。 　　　　　　line-
·2015-11-11 02:10

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
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他