CSS简易学习笔记

【CSS简易学习笔记】的更多相关文章

学习地址:http://www.w3school.com.cn/css/index.asp cnblog不能把格式复制上来,有格式文字版:https://github.com/songzhenhua/github/blob/master/CSS%E7%AE%80%E6%98%93%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.txt ★CSS 指层叠样式表 (Cascading Style Sheets) ★CSS结构 selector {property: value…

css居中学习笔记

css居中学习笔记一.水平居中以下面的代码为例: <body> <div class="parent"> <div class="child"> hello world ! </div> </div> </body> 方法一:inline-block + text-align <style type="text/css"> body{ margin: 0px;…

CSS 3 学习笔记

css 3 学习笔记文本: word-wrap : normal | break-word取值:normal: 控制连续文本换行.break-word: 内容将在边界内换行.如果需要,词内换行(word-break)也会发生. text-overflow : clip | ellipsis取值:clip: 不显示省略标记(...),而是简单的裁切.ellipsis: 当对象内文本溢出时显示省略标记(...) text-shadow : none | <length>…

HTML DOM简易学习笔记

文字版:https://github.com/songzhenhua/github/blob/master/HTML DOM简易学习笔记.txt 学习地址:http://www.w3school.com.cn/htmldom/dom_intro.asp…

JavaScript简易学习笔记

学习地址:http://www.w3school.com.cn/js/index.asp 文字版: https://github.com/songzhenhua/github/blob/master/JavaScript简易学习笔记 .txt …

HTML简易学习笔记

文字版地址 https://github.com/songzhenhua/github/blob/master/HTML简易学习笔记.txt…

（2）《Head First HTML与CSS》学习笔记---img与基于标准的HTML5

1.浏览器处理图像的过程: 1.服务器获取文件,显示出文本结构,以及预留默认的大小给<img>(如果该<img>有width-1值和height-1值,则根据这个值提前设好页面——也就是留下一个符合该值的图片位置): 2.获取一个图像的所有信息,包括内容.大小.及其分辨率:width-2值和height-2值(如果获取图像信息失败,则每个浏览器有每个浏览器的不同处理办法,比如加载一个破损的图片示意——但无论是什么浏览器,此时如果<img>中有alt值,则加载该值替代图片…

【干货】Html与CSS入门学习笔记1-3

从23号开始用了4天时间看完了<Head First Html与CSS>这本书,本书讲解方式深入浅出,便于理解,结合习题,便于记忆,是一本不错的入门书.下面是本书的学习笔记: 一.认识HTML HyperText Markup Language,超文本标记语言的缩写.标记文本来告诉浏览器文本的结构. 注释放在之间,浏览器会忽略其中内容. 1.在电脑上创建一个html文件打开记事本,另存为后缀名为.html,编码为UTF-8. 本地测试,直接在浏览器中打开,可以直接…

（6）《Head First HTML与CSS》学习笔记---结尾、《HTML5权威指南》读书笔记

1.内联元素的外边距.内边距与块元素稍有不同. 如果一个内联元素四周都增加外边距,只能看到左边和右边会增加空间:你也可以对内联元素的上下增加内边距,不过这个内边距不会影响包围它的其他内联元素的间距——所有内边距会与其他内联元素重叠(即这个内边距在一群内联元素里表现的不是叠加,而是公用一个最大的,而且这个样式效果必须在上下有块元素时才能体现.) 2. header.top img#headerSlogan{ float: right; } 这是一个最佳实践:实际上,这个选择器不需要增加.top也可…

HTML&CSS基础学习笔记1.16-单元格间距和表格主体

上一篇讲html学习笔记,讲过了合并单元格,那么今天就来介绍下如何控制单元格的间距,以及表格主体的相关知识. 单元格间距在上个知识点的显示结果中你可能发现了,单元格与单元格之间有一小段空白.这是由<table>的[cellspacing]属性控制的. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单元…