CSS基础 学习目标 1、CSS简介 2、CSS语法 3、样式的创建 4、两种引入外部样式表的区别 5、样式表的优先级和作用域 6、CSS选择器 7、选择器的权重 8、浮动属性的简单应用 9、HTML、CSS注释 一、CSS简介 英文全名:cascading style sheets(百度百科) c ...
分类:
Web程序 时间:
2018-06-11 11:00:34
阅读次数:
222
一 网页布局方式 二 标准流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div,h1,p { border: 1px solid red ...
分类:
Web程序 时间:
2018-05-28 20:20:21
阅读次数:
227
一 字体属性 1、font-weight:文字粗细 2、font-style:文字风格 3、font-size:文字大小 4、font-family:文字字体 5、文字属性简写 6、color:文字颜色 color:red; 大多数颜色都有对应的英文单词描述,但英文单词终究有其局限性:无法表示所有颜 ...
分类:
Web程序 时间:
2018-05-27 19:02:27
阅读次数:
246
我们经常看到这样的网页,即内容水平居中在屏幕中间,左右留白。我们来给这样的布局起个名字——水平居中布局 其实要实现这样的布局十分简单,即给中间部分一个宽度,设置margin左右值为auto,如,中间部分class="main" 这样,中间部分就以1200px的宽度水平居中了,当屏幕宽度小于1200时 ...
分类:
Web程序 时间:
2018-05-11 13:02:02
阅读次数:
155
一个div是如何被撑起来的? width(自身宽度)+ padding(内边距)+ margin(外边距) 首先是自身宽度,我们可以设置宽度,那么div中的元素如果没有设置样式会从这个div的左上角开始排列。 我们来通过一个实例: 这时我们只给了宽度,看一下效果图 我们会发现如果只有自身的宽度,这个 ...
分类:
Web程序 时间:
2018-05-11 12:52:22
阅读次数:
644
语法: css基本语法通常包含两个部分: 1.选择器 2.一个或多个声明. 注意:如果一个属性多个值,那么多个属性值之间用空格隔开即可. CSS引入方式: eg: <link href=".class文件地址" rel="stylesheet" type="text/css"/> CSS常用选择器: ...
分类:
Web程序 时间:
2018-04-26 01:01:23
阅读次数:
219
把所有细节都记在脑子里是不现实且不必要的,《精通CSS》既是一本可以随手翻阅的"放在电脑边的书", 也是一本非常好的 CSS 入门书,它用非常浅显的语言和例子告诉了你哪些是坏的行为,哪些是好的行为,很适合当参考书,并且颇具权威性 ... (读后感/个人观点) 第一章 conventions vali ...
分类:
Web程序 时间:
2018-03-26 20:48:11
阅读次数:
259
一、HTML本质以及在WEB程序中的作用 二、HTML的head内标签 三、HTML的body内标签 四、body内标签之lnput系列 五、超链接 六、图片及表格 七、fieldset标签和label标签 八、标签总结 九、CSS选择器 十、CSS之float样式 十一、CSS之display样式 ...
分类:
Web程序 时间:
2018-01-26 15:47:50
阅读次数:
152
课程介绍 前端开发系统化学习教程,前端开发是后端程序员必修的课程,本课程开展注重两点:1、实际开发中要用到的知识2、面试中要用到的知识 1.1-html概述及html文档基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文 ...
分类:
Web程序 时间:
2018-01-11 22:13:53
阅读次数:
218
我们下午继续学习CSS的入门基础,搬上你的小板凳赶快进入吧! 一、背景(background) Background-color:背景颜色 background-image (背景图片) background-repeat(设置背景平铺) repeat (默认值) no-repeat (不平铺) r ...
分类:
Web程序 时间:
2017-11-08 16:04:21
阅读次数:
236