m0_74745356的博客

通配符选择器<标签选择器<类选择器<id选择器<行内样式<!属性值：背景色 背景图 背景图平铺方式 背景图位置/背景图缩放 背景图固定。contain：等比例缩放背景图以装入背景图，可能使得背景区域露白。行内样式，id选择器个数，类内选择器个数，标签选择器个数。布局网页的时候，根据标签的显示模式选择合适的标签摆放内容。选择器1选择器2{属性}，选择器直接连着写，不用符号。定义：两个或者多个基础选择器，通过不同的方式组合。相同的属性会覆盖：后面的CSS属性覆盖前面的。鼠标悬停状态：选择器：hover{属性}

就是第一层文件夹，内部包含网站所有素材，包含HTML，CSS，图片，JavaScript等。通栏：宽度和浏览器窗口相同的盒子，就不写宽，直接写高就ok了。调整盒子位置->flex布局、内外边距。字号行高先换了，再去做边距margin，padding。标签结构：通栏>版心>logo+导航+搜索+用户。画盒子，调范围->宽高背景色。标签结构：h1>a>网站名称（搜索关键字）控制图片、文字内容样式。导航制作技巧(nav)导航功能：单机跳转页面。

丁真的自我介绍。

strong是加粗

网页是构成网站的基本元素，通常由图片，链接，文字，声音，视频组成，通常是以.html为后缀的文件。网页时图片、链接、文字、声音、视频等组成的，其实就是一个html文件。表现 用于网页元素的版式、颜色、大小等外观样式、主要指的是CSS。1.HTML标签是由尖括号包围的关键词，如结构 用于对网页元素进行分类整理，指的是html。行为 交互的编写，主要学的是javascript。IE、火狐、谷歌、Safari、Opera...html是身体，css是装饰，js是行为、动作。

CSS Sprites，可以处理网页图片，把背景图片整合到一张图片文件，再background-position精确定位背景图位置。如果展示出来的纯色的比较简单的东西，那就可以用字体图标，如果比较复杂建议用精灵来做。相对定位改变位置的参照物是自己原来的位置，位置改变后原来的位置留白，不会脱标。绝对会去先找最近的一个定位的参照物，但是如果没人定位，就回去寻找可视区改位置。优点：减少服务器被请求的次数，减轻服务器的压力，提高了页面加载速度。作用：灵活的改变盒子在网页中的位置，可以让标签实现覆盖效果。

层叠样式表（简称CSS），是一种样式表语言，用来描述HTML文档地呈现（美化内容）。书写位置：title标签下方添加style标签，在style中写CSS，还要有选择器，想找body中的什么就写什么，比如p {}

浮动属性：float，left左浮动，right右浮动特点：浮动后的盒子是顶对齐的，浮动后的盒子具备行内块的特点，一行可以有多个块，如果父级宽度不够，浮动的子级会换行，如果父级盒子没有设置高，浮动后的盒子会脱标。

内边距 - padding内容和边缘之间给他产生一个距离 文字就不会直接贴着边框。有时候盒子会被border和padding撑大了，不合适，这不行。也可以用内减模式：box-sizing:border-box。默认情况下盒子尺寸=内容尺寸+border尺寸+内边距尺寸。父子级的标签，子级的添加 上外边距会产生塌陷问题。属性名：padding/padding-方位词。垂直排列的兄弟元素，上下margin会合并起来。取消子级margin，父级设置padding。有时候默认样式不一定是想要的，就可以先去掉。