【Html+CSS 学习第二天】的更多相关文章

Html+CSS 学习第二天

趁着这两天,将html和CSS基本上学了一遍,大家如果想学习的话,可以百度w3cSchool,进行学习. 基础我就不说了,直接将我做的一个登陆页面放上去.刚学完CSS,写个漂亮的登录界面恶心死我了,感觉真是没啥艺术气息. 我先展示html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona…

css学习の第二弹—文字格式化排版

1.css格式化排版 >>字体设计: etc:body{font-family:"Microsoft Yahei";} >>字号,颜色: etc:body{font-size:12px;color:#666} *****注释:#666(灰色) >>粗体 etc:p span{font-weight:bold;} >>斜体 etc:p{font-style:italic;} >>下划线 etc:p a{text-decorati…

CSS 学习第二天

超链接的样式: 1.颜色变化:未访问时的样式a:link:鼠标点击后的样式a:visited;鼠标放上去的样式a:hover;鼠标点击时的样式a:active 2.鼠标变小手:cursor:pointer; 背景颜色:background-color:#; 背景图案:background-image:url(./);   横向纵向平铺 background-repeat:repeat-x/y; no-repeat固定背景图 外边距:margin:1px 1px 1px 1px;上下左右边距 边框…

css学习归纳总结（三） 转

原文地址:css学习归纳总结(三) 为文档添加样式的三种方法 行内样式 行内样式是写在HTML标签的style属性里的,比如: <p style="font-size: 12px;font-weight: 200;color: #333333">Hello Everyone!</p> 行内样式会覆盖嵌入样式和链接样式. 嵌入样式 嵌入的css样式是放在HTML文档的head元素中的,这点想必大家都知道,这里就不赘述了. 链接样式 <head> <…

css学习归纳总结（二） 转

原文地址:css学习归纳总结(二) 标签与元素 <p>标签和p元素有什么区别呢?大多数时候他们表示的是同一样东西,但仍有细微的区别.<p>.<div>等指的是HTML分隔符,而元素则是由一对开始结束标签构成的,用来包含某一些内容 子选择器和后代选择器的区别: 后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔. 子选择器只对直接后代有影响的选择器,而对“孙子后代”以及多层后代不产生作用. 注意:在IE6中,只支持后代选择器,不支持子选择器 链接…

css学习归纳总结（一） 转

原文地址:CSS学习归纳总结(一) 选择器的分组 CSS选择器分为 1.群组选择器 如:p, body, img, div{} 2.兄弟选择器 如:p + p { color:#f00; } 3.属性选择器 如: p[title] { color:#f00; } 4.包含(后代)选择器 如:body ul li{} 5.子元素选择器 如:div > p{} 6.ID选择器 如:#myDiv{} 7.类选择器 如:.class1{} 8.伪元素选择器 如:E:first-line,E:before…

Head First Html and CSS学习笔记之HTML

初学前端开发,记录下自己的学习笔记. 第一章 认识HTML 1:关于HTML HTML是超文本标记语言(HyperText Markup Language)的缩写,用来建立网页的结构. 它只会根据标记来确定在哪里换行或者分段.所以浏览器会忽略HTML文档中的制表符.回车和空格. 共有六级标题,从<h1>到<h6>,字体由大到小. HTML注释放在<!--和-->之间,浏览器会把它们完全忽略,可以有多行. <em>元素表示强调. <head>的HT…

css学习归纳总结

来源于:trigkit4 css学习归纳总结(一) 选择器的分组 CSS选择器分为 1.群组选择器 如:p, body, img, div{} 2.兄弟选择器 如:p + p { color:#f00; } 3.属性选择器 如: p[title] { color:#f00; } 4.包含(后代)选择器 如:body ul li{} 5.子元素选择器 如:div > p{} 6.ID选择器 如:#myDiv{} 7.类选择器 如:.class1{} 8.伪元素选择器 如:E:first-line,…

HTML+CSS学习笔记(2) - 认识标签（1）

HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 标签的用途: 我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签.文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用 em 标签表示强调等等. 讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢? 更容易被搜索…

CSS学习摘要-定位实例

CSS学习摘要-定位实例 注:全文摘自MDN-CSS定位实例 列表消息盒子 我们研究的第一个例子是一个经典的选项卡消息框,你想用一块小区域包括大量信息时,一个非常常用的特征.这包括含有大信息量的应用,比如策略战争游戏,比如从移动版的网页,屏幕狭小.空间有限:比如你可能想要放置许多信息的紧凑消息框,不用就会充满整个UI.我们简单的例子完成后就会像下面这样: 注意: 你能看完整的示例,可运行在 info-box.html (source code).检出它以理解你在本文章里要建立什么. 你可能会想:…