果壳日志

字体大小 属性名：font-sizeØ 取值：数字 + pxØ 注意点：• 谷歌浏览器默认文字大小是16px• 单位需要设置，否则无效 字体粗细 属性名：font-weight 注意点：• 不是所有字体都提供了九种粗细，因此部分取值页面中无变化• 实际开发中以：正常、加粗两种取值使用最多。   字体样式（是否倾斜） 属性名：font-styleØ …

css选择器的作用：• 选择页面中对应的标签（找她），方便后续设置样式（改她） 标签选择器 结构：标签名 { css属性名：属性值； }Ø 作用：通过标签名，找到页面中所有这类标签，设置样式Ø 注意点：1. 标签选择器选择的是一类标签，而不是单独某一个2. 标签选择器无论嵌套关系有多深，都能找到对应的标签   类选择器 结构：.类名 { css属性…

CSS引入方式 内嵌式：CSS 写在style标签中• 提示：style标签虽然可以写在页面任意位置，但是通常约定写在 head 标签中Ø 外联式：CSS 写在一个单独的.css文件中• 提示：需要通过link标签在网页中引入Ø 行内式：CSS 写在标签的style属性中• 提示：一般会配合js使用

CSS：层叠样式表（Cascading style sheets） CSS作用是什么？？• 给页面中的HTML标签设置样式   CSS 语法规则 写在哪里？• css写在style标签中，style标签一般写在head标签里面，title标签下面

我们知道Ctrl+D 可以依次选择相同的标签进行替换，那么如果页面很多相同的标签都需要替换，如何才能一键全部替换呢， 快捷键： ctrl + h  注意选择全部替换即可

HTML的空格合并现象 场景：如果在html代码中同时并列出现多个空格、换行、缩进等，最终浏览器只会解析出一个空格 如果需要增加空格，代码是：&nbsp;   在网页中展示特殊符号效果时，需要使用字符实体替代   Ø 空格的字符实体是？• &nbsp;Ø >的字符实体是？• &gt;Ø <的字符实体是？…

在HTML5新版本中，推出了一些有语义的布局标签供开发者使用 常见有语义的布局标签有哪些？• header：网页头部• nav：网页导航• footer：网页底部• aside：网页侧边栏• section：网页区块• article：网页文章

没有语义的布局标签-div和span 场景：实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签Ø div标签：一行只显示一个（独占一行）Ø span标签：一行可以显示多个   常用于布局的无语义标签有哪两个？各自的特点有哪些？• div：独占一行• span：一行中可以显示多

label标签 场景：常用于绑定内容与表单标签的关系，比如有个输入框，如果我想要点击输入框获得焦点，只有input情况下，我只能选中输入框，但加了label，把label和input绑定在一起后，点击label也可以选中输入框。这种是最常用的。 Ø 标签名：labelØ 使用方法①：1. 使用label标签把内容（如：文字）包裹起来2. 在input标签上添…

场景：在网页中提供可输入多行文本的表单控件 标签名：textareaØ 常见属性：• cols：规定了文本域内可见宽度• rows：规定了文本域内可见行数Ø 注意点：• 右下角可以拖拽改变大小• 实际开发时针对于样式效果推荐用CSS设置