float实现文字环绕图片效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>float</title> <style> body{ font-family: '微软雅黑'; } .per{ width: ...
分类:
Web程序 时间:
2019-12-29 18:08:19
阅读次数:
81
目录 1.css概述 * CSS 指层叠样式表(Cascading Style Sheets), 是用来美化html标签的 2. html引入css的3种方式 * 【外链式】html引入css样式表的位置 <head> <link rel="stylesheet" type="text/css" h ...
分类:
Web程序 时间:
2019-12-29 12:41:10
阅读次数:
109
css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url(“*.css”);使用导入式,页面加载完后,才会加载样式 链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> ...
分类:
Web程序 时间:
2019-12-29 00:58:35
阅读次数:
117
一、引入CSS样式表 1、行内式 通过标记的style属性来设置元素的样式。基本语法如下: <标记名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 主体内容 </标记名> 示例: <!doctype> <html> <head> <meta charset="utf- ...
分类:
Web程序 时间:
2019-12-22 12:55:40
阅读次数:
141
CSS基础 CSS简介: CSS(cascading style sheets):层叠样式表。 WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式。 用来修饰XHTML或者XML等样式文件的计算机语言。 CSS语法: 选择符表示要定义样 ...
分类:
Web程序 时间:
2019-12-21 18:37:36
阅读次数:
186
盒子模型(下面这个图片会比较清晰的展现各边距的含义): 元素框最内层就是元素的展现层也就是元素的实际内容,包在元素层的就是内边距(padding填充的意思),内边距能够呈现元素背景。内边距的边缘是边框,边框以外是外边距(margin),默认是透明的,不会遮挡其后的任何元素。 内边距 可以用百分比、厘 ...
分类:
Web程序 时间:
2019-12-15 20:19:18
阅读次数:
102
CSS样式 定义:就是给网页中的内容设置样式:样式表、级联样式表、层叠样式表 书写代码的步骤: 1、css代码要写在style标签中 2、style标签放在head中间的最后位置(title标签的下面) 注意:px是像素单位 标签选择器 选择器定义:在页面中查找元素、标签、标记的方法 标签选择器:只 ...
分类:
Web程序 时间:
2019-12-15 16:10:28
阅读次数:
103
如果说html只是一些标签,css就是装修装饰标签的皮肤 有些html是有默认自带一些css样式的,正常情况下是需要把默认样式去掉的,因为会影响页面样式,而且默认的很不美观,比如,body标签自带8px的margin,p标签自带上下margin,ul里的li自带黑色的点,按钮自带背景颜色,borde ...
分类:
Web程序 时间:
2019-12-13 23:45:01
阅读次数:
124
一、CSS的作用 1、以统一的方式实现样式的定义 2、提高页面样式的可重用性和可维护性 3、实现了内容(HTML)和表示(CSS)的分离 HTML和CSS之间有什么关系? HTML:构建网页的结构 CSS :构建HTML元素的样式 样式汇总: color:red 字体颜色 font-size 字体大 ...
分类:
Web程序 时间:
2019-12-09 21:51:35
阅读次数:
119
作为一个自学前端的靓仔(小白),最开始在我的世界中是没有前端这个概念的,相当长一段时间内,我一直把前端称之为「做网站」,是不是有点飘? 1、我眼中的前端 点进来了这篇文章,应该会对前端稍微有那么一点点了解。 高大上一点说:我所见,我所得,皆为前端;大白话:嗯,就是“做网站”的。至于专业的定义,相信搜 ...
分类:
其他好文 时间:
2019-11-29 00:59:31
阅读次数:
85