前言:CSS即层叠样式表 主要是影响一个或者一组文档的表现,没有文档,CSS毫无用处. 一.web的衰落 完全结构化的文本太过古板,太平常,虽然有N个理由要求使用结构化标记,但HTML已然走到了今天. 二.CSS做救星 丰富的样式,易于使用,在多个页面上使用样式,层叠,缩减文件大小,为未来做准备,所以CSS有更加丰富的外观,在一个位置上就能修改和创建整个文档的外观,可将样式表链接到网站上所有的文档,同时还规定了冲突规则,这些规则统称为层叠. 同时可以缩减文件大小,为将来做准备. 三.元素 元素时…

这一章看了之后真是豁然开朗,之前虽然写了圣杯布局和双飞翼布局,有些地方也是模糊的,现在打算总结之后再写一遍. 以下都是从<css权威指南>中摘抄的我认为很有用的说明. 浮动元素 一个元素浮动时,其他内容会环绕该元素.浮动元素会生成一个块级框,不论这个元素本身是什么.并且浮动元素周围的外边距不会合并.如果要浮动一个非替换元素,必须显式声明width. 浮动元素的几条规则: 1)      浮动元素的左(右)外边界不能超出其包含块(包含快是其最近的块级祖先元素)的左(右)边界.但是负外边距或者浮动…

第一章 JavaScript概述 前端三大技能: HTML: 描述网页内容 CSS: 描述网页样式 JavaScript: 描述网页行为 特点:动态.弱类型.适合面向对象和函数式编程的风格 语法源自Java 一等函数来自Scheme 基于原型的继承来自于Self 名字和版本: JavaScript是由网景(Netscape)公司创建,“JavaScript”是Sun MicroSystem公司的注册商标,用来特指网景(Mozilla)对着门的实现. ECMAScript: 网景将这么语言作为标准…

link rel stylesheet alternate stylesheet(候选样式表) title type media all screen print ..... 内联样式…

题外话:HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言.CSS是前端三板斧之一,因此学习CSS很重要.而我还是菜鸟,所以需要加强学习CSS.这个是我学习CSS权威指南的笔记,如有不对,请谅解和指出.谢谢大家.正文: 第一章 CSS和文档---------- 1.CSS,称为层叠样式表.使用CSS的理由有:a.易于使用,样式表能大大减少Web创作人员的工作量:b.在多个页面上使用样式,可以创建一个样式表,然后把这个样式表应用到多个页面:c.层叠,CSS还规定了冲突规则:这些规则统称…

<javascript权威指南>读书笔记——第一篇 金刚 javascript js javascript权威指南 由于最近想系统学习下javascript,所以开始在kindle上看这本书来补充下. 今天是今年的196天,由于我之前承诺过,每天分享读书笔记,只是之前分享的是大众读物,所以随手分享到kindle阅读群里了.但是现在读的是技术类书籍,分享到kindle读书群不太合适,所以还是以博客的形式分享.这样子,一个链接,大家感兴趣了就点开看看,不感兴趣了,就不点开. 其实这篇文章应该是昨天…

前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司,事情不算多,于是拿起<CSS权威指南>进行"基础复习"+"查漏补缺",本篇文章主要是总结了些自己认为CSS中值的注意的几个知识点(本文知识点仅限本书范围内,若要讲CSS全部样式,那本兽还是选择慢慢懵逼去~). 选择器 这里要说明的是类选择器的嵌套选择与多类…

CSS权威指南 第三章结构与层叠 - 层叠 按权重及来源排序 1. Reader important declarations 2. Author important declarations 3. Author normal declarations 4. Reader normal declarations 5. User agent declarations 来源有三个 读者/作者/用户代理 读者就是我们普通用户,在ie浏览器上internet设置,辅助功能里可以附带用户样式表.firef…

今天翻手机,翻到了许久之前看css权威指南时的笔记,遂移到博客中来. 1.属性选择器p.one class名为one的p元素p[class][name] 含有class和name属性的p元素p[class="one"][name="two"] class属性为one且name属性为two的p元素p[class~="one"] class属性包含one的p元素p[class^="one"] class属性以one开头p[clas…

CSS权威指南(第三版).pdf 网盘: https://545c.com/file/24657411-425141851   获取码:  276922…

之前一直有个想法,好好读完JS权威指南,便于自己对于JS有个较为全面的了解.毕竟本人非计算机专业出生,虽然做着相关行业的工作,但总觉得对于基础的掌握并没有相关专业学者扎实,正好因为辞职待业等原因,还是下定决心来好好读一读这本厚厚的‘词典’.在阅读原书过程中,本人也发现了不少概念问题,可能因为汉化区别,导致实际情况与概念描述并不相符的情况,这里就全当做下笔记了. 记录从书籍第三章开始,如果有幸有人看到了本人博客并对前两章有兴趣,可以通过其它途径去了解,这里就当权威指南概念的缩减版,以及作为自己待业…

第1章 css和文档 1,元素:替换元素(img input),非替换元素(大多数span). 2,link:rel(代表关系:stylesheet,候选样式表:alternate stylesheet):type(text/css):media:(all(所有表现媒体, screen,print),title(配合候选使用). 3,@import url(sheet1.css) 需在style内使用,放在其他css规则之前. 4,向后可访问性:<style><!-- 样式 -->…

第一章:CSS和文档 html是结构化语言,css是样式语言,html主要用来被强大的搜索引擎更好的索引,更好的让一个盲人通过语音浏览器来了解我们的网页,这也就是为什么说html是结构话语言,因为这是W3C规定的,大家都在遵循,统一的标准会给所有人带来便利(比如上面提到的盲人). 从web的衰落开始谈起,当时web只是用简单的html来编写,大量的流行,为了更好的展示,于是出现了一些<font>,<center>等用来表现的标签,使得html非常的混乱.1996年,CSS已经成为一…

阅读本书主要目的: 自从学会CSS以来,虽然熟练掌握了其使用方法和技巧,但对其底层的原理和实现并不清晰,阅读本书想进一步系统化的学习和深入研究其本质,对这门前端基础语言从熟练使用到真正理解. 第1章 CSS和文档 1.1 WEB的衰落(为了表现增加很多标记元素如font等,这些阻碍了页面的结构化) 1.2 CSS作救星(95年W3C发布正在进行的CSS计划) CSS特点:丰富的样式:易于使用和维护:可以在多个页面重复使用:方便层叠:缩减文件大小:为将来做准备(为解决HTML结构化而生,实现结构和…

第一章 基础介绍 介绍了css的好处, 编辑一个文件多处使用, 层叠: 指式样有矛盾时, 可以覆盖掉之前的式样, 便于维护 等等. 块级元素:会生成一个元素框, (默认地)它会填充其父元素的内容区, 会换行. 行内元素: 也有元素框, 但是不会打断这行文本, 不换行. <link rel=”stylesheet” type=”text/css” href=”sheet1.css” media=”all” /> 候选式样表 将 rel设置为 alternate stylesheet 例如: &l…

环境: Ubuntu 14.04.2 LTS (GNU/Linux 3.16.0-30-generic i686) 第一章: 1 Docker客户端和服务器 2 Docker镜像 添加一个文件,执行一个命令,打开一个端口 3 Registry Registry用来保存用户构建的镜像 4 Docker容器 docker容器就是,一个镜像格式,一系列标准的操作,一个执行环境 continuous integration,CI 持续集成 1.3 能用Docker做什么 应用场景: 加速本地开发和构建流…

一.css和文档层叠 css规定了冲突规则,这些规则统称为层叠.这些规则定义了样式发生冲突时以优先级高的为准. 常用的优先级判定: 1. 开发者样式>读者样式>浏览器样式(除非使用!important标记 ) 2. id选择符>(伪)类选择符>元素选择符 3. 权重相同时取后面定义的样式 元素 元素(element)是文档结构的基础.在css中,元素通常分为两种形式:替换元素和非替换元素. 替换元素是指用来替换元素内容的部分并非由文档内容直接表示,如img.input都是由属性来替…

一.基本规则 CSS的核心特性就是能向文档中的一组元素类型应用某些规则. 二.规则结构 选择器+声明块. h1{ color:red;background:yellow;} ,声明块由一个或多个声明组成. 三.元素选择器 文档的元素就是最基本的选择器,故叫元素选择器. 如果一个属性的值可以取多个关键字,关键字通常由空格分隔. 四.选择器分组 h1,h2,h3{CSS规则} 通配选择器 *{通配选择器} 对声明分组时,一定要在各个声明的最后使用分号. 类选择器和ID选择器   p.class{} …

主要学习的知识是怎么把CSS和HTML文档关联: 1.这是默认的样式表 <link rel="stylesheet" href="" type="text/css"  media="all"/> 2.候选样式表 <link rel="alternate stylesheet" type="text/css" href="" title="d…

本章主要讲解的是一些属性声明用的值: CSS中的值主要有数字,百分数,颜色, 1.颜色: rgb(100%,100%,100%)  OR  rgb(255,255,255) OR #FF0000 WEB安全颜色:指的是值是20%,51,0x33的倍数. 2.长度单位:单位有in cm  mm  pt pc 其中:1in = 2.54cm 1cm = 0.394in  1in = 72pt 1pc = 12pt 相对长度单位:em,ex,px 3.URL 4.关键字:none  inherit 除…

这章主要讲的是当某个对象被选择器多次提取使用样式之后的一些冲突性解决方案: 1.特殊性:指的是当多个效果作用的时候的最终选择: 这个规则用0,0,0,0来比较.其中:内联式是1,0,0,0  ID选择器是0,1,0,0 类选择器,属性选择器和伪类:0,0,1,0 元素和伪元素:0,0,0,1 结合性和通配性对特殊性没有贡献,是0,0,0,0 注意:这里面给出一个特权,某个声明特别重要的时候使用!import 那么它的优先级是最高的. 2.继承:指的是在节点树中,子元素的样式继承父元素. 注意:继…

主要知识记录: 1.给一个元素指定内容区宽度,如果设置了内边距,边框和外边距,这些因素都会影响CSS的width属性. 2.在水平格式化的7个属性中,width,margin-left,margin-right可以设置成auto.其他不行.…

本章主要的内容是: 1.文本缩进: text-indent.行内元素无法缩进,一般用左内边距或外边距来创造这种效果. 2.文本对齐:text-align .只应用于块状元素. 3.行高:一般line-height用来增加文本行之间的垂直间隔.line-height控制了行间距,这是文本行之间超出字体大小的额外空间. 4.垂直对齐文本:vertical-align:这个属性只能应用与行内元素或者替换元素,如图像和表单输入元素. 5.字母间隔和字间隔: word-spacing  letter-sp…

这章主要的内容有: 1.字体:一般使用一种通用的字体. 2.字体加粗:一般从数字100 -900 . 3.字体大小:font-size 4.拉伸和调整字体:font-stretch 5.调整字体大小:font-size-adjust 注意:4,5两个属性值现在还没有浏览器支持. 6.font:综合属性:其中字体大小和字体类型是必须的. 7.行高:line-height 这一章主要介绍:font-face规则:这是CSS3中一个模块.用于自定义字体.字体下载:@font-face:{ font-f…

本章的主要内容是,怎么获取文档中的元素给予渲染: 1.元素选择器: 2.ID选择器: 3.CLSSS选择器: 4.通配选择器:*; 5.属性选择器:selector[] 6.部分属性选择器: selector[~="warning"]  [doo^="bar"]   [doo$="bar"] [boo*="bar"] 7.特定属性选择器: *[lang |="en" ] 8.后代选择器 9.组选择器 10.…

替换元素指用来替换内容的部分并非由文档内容直接表示,最常见的是图片,与之对应的就是非替换内容 <img src="how.gif"/> display展示的形式,常见的值none.inline(行内).block(块) <link rel="stylesheet" type="text/css" href="sheet1.css" media="all"/> <style ty…

前言: 对于程序员,学习是无止境的,知识淘换非常快,能够快速稳固掌握一门新技术,是一个程序员应该具备的素质.这里将分析本人一点点不成熟的心得. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思想需要细心和大量实践才能慢慢参悟,在这之前需要做的是能够运用它来开发,那么了解一些基础特性非常有必要,通常这些特性是需要经验积累,从各种坑中累计出来,但是还有一种看似很笨却很有效的学习方法.那就是将别人的经验记录下来,有事没事都拿出来看看,集合开发中的经验,这会非常有效. 流式布局 http://b…

从今天起,每天开始连载一章<STM32 HAL 库开发实战指南—基于F7>.欢迎各位阅读.点评.学习. 第1章  如何使用本书 1.1  本书的参考资料 本书参考资料为:<STM32F76xxx参考手册>和<Cortex®-M7内核编程手册>,这两本是ST官方的手册,属于精华版,面面俱到,无所不包.限于篇幅问题,本书不可能面面具到,着重框图分析和代码讲解,有关寄存器的详细描述则略过,在学习本书的时候,涉及到寄存器描述部分还请参考这两本手册,这样学习效果会更佳. 1.2…

1.基本概念     (1)正常流:是指西方语言文本从左向右,从上向下显示.如果要让一个元素不在正常流中国,唯一的办法                     就是使之成为浮动或定位元素.     (2)非替换元素:如果元素的内容包含在文档中,则称之为非替换元素.     (3)替换元素:指用作为其他内容占位符的一个元素.例子:img中的图像     (4)块级元素:在正常流中,会在其框之前和之后生成“换行”                         所以出于正常流中的块级元素会垂直摆放.…

通配选择器 可以与任何元素匹配,就像是一个通配符 /*每一个元素的字体都设置为红色*/ * { color: red; } 元素选择器 指示文档元素的选择器. /*为body的字体设置为红色*/ body { color: red: } 分组 选择器分组 h1, h2, h3 { color: red; } 声明分组 h1 { font: 18px Helvetica; color: purple; background: aqua; } 结合选择器和声明分组 h1, h2, h3 { font…