- 博客(15)
- 收藏
- 关注
RSS订阅原创 项目实战、web服务器
一、品优购项目规划1、网站制作流程2、项目搭建3、样式的模块化开发4、favicon图标4.1.制作favicon图标1.把品优购图标切成 png 图片2.把 png 图片转换为ico 图标，这需要借助于第三方转化网站，例如 比特虫：http://www.bitbug.net/4.2.favicon图标放到网站根目录下4.3.HTML页面引入favicon图标5、网站TDK三大标签SEO优化SEO（SearchEngineOptimization）为搜索引擎
2022-02-26 16:15:00
119
原创 HTML5和CSS3提高（CSS新特性）
CSS的新特性一、CSS3的现状新增的特性有兼容性问题 移动端支持优于PC端 现阶段主要：新增选择器 盒子模型 以及其他特性二、CSS新增选择器1.属性选择器属性选择器可以根据元素特定属性来选择元素，这样就可以不借助于类或者id选择器 选择符 简介 E[att] 选择具有att属性的E元素 E[att="val"] 选择具有att属性且值等于val的E元素
2022-02-26 13:30:00
84
原创 HTML5和CSS3提高
HTML5的新特性一、新增语义化标签<header> 头部标签 <nav> 导航标签 <article> 内容标签 <section> 定义文档某个区域 <aside> 侧边栏标签 <footer> 尾部标签注意：1.这种语义标准化主要针对搜索引擎的2.可以多次使用3.在IE9中，需要把这些元素转换为块级元素二、新增的多媒体标签1.音频 <...
2022-02-26 11:00:00
56
原创 CSS（高级技巧）
CSS高级技巧一、精灵图1.1为什么需要精灵图目的：为了有效的减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sprites）核心原理：将网页中的一些小的背景图像整合到一张大图中，这样服务器只需要请求一次就可以啦1.2精灵图的使用使用精灵图的核心：1.精灵技术主要针对于背景图片的使用，就是把多个小背景图片整合到一张大图中2.这个大图片也称为sprites 精灵图 或者 雪碧图3.移动背景图片位置，此时可以使用background-p
2022-02-26 10:00:00
78
原创 CSS（定位）
CSS定位一、定位1.1为什么需要定位1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子1.2定位组成定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子定位 = 定位模式 + 边偏移定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置1.定位模式定位模式决定元素的定位方式，它通过CSS的 position
2022-02-26 05:00:00
63
原创 CSS（浮动）
CSS浮动一、浮动1.1传统网页的三种布局方式普通流（标准流） 浮动 定位1.2普通流（标准流 / 文档流）所谓标准流：标签按照规定好默认方式排列1.块级元素会独占一行，从上向下顺序排列常用元素：div 、hr、p、h1~h6、ul、ol、dl、form、table2.行内元素会按照顺序，从左至右顺序排列，碰到父元素边缘则自动换行常用元素：span、a、i、em等1.3为什么需要浮动浮动可以改变元素标签的默认排列方式网页布局第一准则：多个块级.
2022-02-26 04:00:00
206
原创 CSS（盒子模型2）
三、圆角边框 border-radius可以设置元素的外边框圆角radius 半径原理：圆与边框的交集形成圆角效果border-radius:length;参数值可以是数值 或 百分比的形式 如果时正方形想要设置为一个圆，把数值修改为边长的一半 或 50% 如果想设置为圆角矩形 设置为 高度的一半 该属性是一个简写属性，可以跟四个值，分别依次为： 左上角 右上角 右下角 左下角 （顺时针）四、盒子阴影 box-shadowbox-shadow:h-shadowv-sh...
2022-02-26 03:15:00
140
原创 CSS（盒子模型）
一、盒子模型页面布局要学习的三大核心：盒子模型，浮动和定位1.1看透网页布局的本质 利用CSS摆盒子网页布局过程：1.准备好相关的网页元素，网页元素基本上都是盒子Box2.利用CSS设置好盒子的样式，摆放到相应的位置3.往盒子里面装内容1.2盒子模型（Box Model）组成所谓盒子模型，就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括：边框、外边距、内边距 和 实际内..
2022-02-25 22:59:01
73
原创 CSS（背景、三大特性）
十、CSS的背景10.1 背景颜色 background-colorbackground-color:颜色值;一般情况下元素的背景颜色默认值是 transparent(透明) ，我们也可以手动指定背景颜色为透明色10.2背景图片 background-imagebackground-image:none/url(路径);实际开发常见于logo或者一些装饰的小图片或者是超大的背景图片。优点是非常便于控制位置10.3背景平铺 background-repeat...
2022-02-24 23:34:47
147
原创 CSS元素显示模式
九、CSS的元素显示模式9.1什么是元素的显示模式作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以更好的布局页面元素显示模式就是元素以什么方式进行显示，比如 <div> 自己占一行，比如一行可以放多个 <span>HTML元素一般分为块元素和行内元素9.2块元素特点：1.比较霸道，自己独占一行2.高度、宽度、外边距以及内边距都可以设置3.宽度默认是容器（父级宽度）的100%4.是一个容器盒子，里面可以放行内或者块
2022-02-24 23:32:17
41
原创 CSS（引入方式、复合选择器）
五、CSS的引入方式5.1三种样式表1.行内样式表（行内式）2.内部样式表（嵌入式）3.外部样式表（链接式）5.2内部样式表内部样式表是写到HTML页面<head></head>内部，是将所有的CSS代码抽取出来，单独放到一个<style>标签中5.3行内样式表行内样式表是在元素标签内部的style属性中设定CSS样式，适合于修改简单样式。<divstyle="color:red;font-size:12px;"&g...
2022-02-24 23:30:20
70
原创 CSS（字体属性、文本属性）
三、CSS字体属性3.1字体系列 font-family例： p { font-family: " 微雅软黑";}注意：各个字体之间必须使用英文状态下的逗号隔开 一般情况下，如果有空格隔开的多个单词组成的字体，需要加引号0 尽量使用系统默认字体3.2字体大小 font-sizepx(像素)大小是我们网页中最常用的单位 谷歌浏览器默认的文字大小为16px 不同浏览器可能默认的字体大小不一样，尽量给一个明确值大小 可以给body指定整个页面文字的大小3.3字体粗细 fo...
2022-02-24 23:25:59
105
原创 CSS（简介、基础选择器）
一、CSS简介1.1CSS是层叠样式表的简称。是一种标记语言1.2 作用：设置HTML页面中的文本样式、图片的外形以及版面的布局和外观显示样式1.3语法规范CSS规则有两个主要的部分构成：选择器以及一条或多条声明1.选择器是用于指定CSS样式的HTML标签，花括号內是对该对象设置的具体样式2.属性和属性值是以键值对出现的1.4CSS代码风格1.样式格式书写 展开式风格2.样式大小写风格 一般为小写3.样式空格风格二、基础选择器2.1选择器的作用：选..
2022-02-24 22:08:11
240
原创 HTML基础（2）
接上篇三、注释和特殊字符1、注释以“<!--”开头，以“-->”结束2、 特殊字符四、表格标签1、表格标签的作用：用于展示数据，可读性非常好2、基本语法<table><tr><td>单元格内的文字</td>...</tr>...</table>a.<table></table>...
2022-02-24 22:01:34
117
原创 HTML基础（1）
一、标签的基本关系1、包含关系2、并列关系<html> <head></head> <body></body></html>二、常用标签1、标题标签 <h1> - <h6>作为标题使用，重要性依次递减特点：加了标题的文字会变得加粗，字号也会变大 一个标题独占一行2、段落<p></p>和换行标签<br /><p&g..
2022-02-24 21:43:20
68
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人