Flyzz的博客

字体和背景 字体 /* font-face可以将服务器中的字体直接提供给用户去使用 问题： 1.加载速度 2.版权 3.字体格式 */ @font-face { /* 指定字体的名字 */ font-family:‘myfont’ ; /* 服务器中字体的路径 */ src: url(’./font/ZCOOLKuaiLe-Regular.ttf’) format(“truetype”); } p{

定位 相对定位 /* 定位（position） - 定位是一种更加高级的布局手段 - 通过定位可以将元素摆放到页面的任意位置 - 使用position属性来设置定位 可选值： static 默认值，元素是静止的没有开启定位

CSS布局 浮动 float：通过浮动可以使一个元素在其父元素内左右移动 属性值：right,left,none; 注意：元素设定浮动后，大小等式不再满足，元素会从文档流中脱离，下面的元素补上。 /* 通过浮动可以使一个元素向其父元素的左侧或右侧移动 使用 float 属性来设置于元素的浮动 可选值： no

CSS样式的学习 文档流 网页是一个多层结构，文档流就是一个网页的最底层,是网页的基础，我们创建的元素默认在文档流上。 元素在文档流上有什么特点 块元素： 独占一行 默认宽度是父元素的全部 默认高度由内容撑开，子元素决定 行内元素 不会独占一行，自左向右水平排列 如果一行中无法容纳所有行内元素，自动换至下一行排列 长度和宽度默认由内容撑开 盒子模型 ​ 具体不细记录 设置边框，至少设置3个样式 边框的宽度：border-width ​ -可以用来指定四个方向的宽度，四个值 上 右 下 左，例如

尚硅谷html和css学习第二部分 CSS基本语法 注释 ‘/* */’ 选择器和声明块 选择器 常用选择器 元素选择器：语法：标签名+{} 例如：p{},h1{} id选择器：语法：#id属性值{} ​ 例如：#leader{} 利用class属性，类似于id属性，但可以重复。 class选择器：语法：.class属性值{} ​ 例如：.leader{} 可以为一个元素指定多个class,相较于id，class用的较多 通配选择器：语法：*{} ​

尚硅谷HTML学习第一天 实体 再HTML中特殊符号要用实体来表示，其格式为: &实体名;,如小于号<用& lt;来表示。 meta标签 指定网页的一些元数据，常见元数据：charset:指定网页字符集 ，name 指定的数据名称, content: 指定的数据的内容。 ​ 如： <!--网站描述，在搜索引擎中显示--> <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数