2017/2/11CSS基础

一:html中div:

1.DIV标签应用于 Style Sheet(样式表)方面会更显威力,它最终目的是给设计者另一种组织能力,有 Class、Style、title、ID 等属性。

2.<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

3.不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。

4.可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素

二:css主要用于辅助html样式,也可以写成css脚本,给html的标签加上样式

1.主要属性:(就介绍一些主要属性跟用法 具体方式百度或者参考 W3CSchool.API)

(1):font字体属性

(2):text文本属性

(3) : boder/outline边框属性值 margin(元素与框的间距) 与 pading(框内填充)属性

(4):定位属性:top,width,height,left,属性(固定再哪里)

(5):鼠标属性:cursor属性

(6):颜色属性:color属性

三:CSS的写法:

写法一:css直接写在标签体中-------------------------------标签名称加上样式的名称的时候是用= 然后加上样式的的键值对 key : 值 记住是:然后再分号

<P style="color:blue;font-Style:italic;"> 在标签后面加上style 然后加上样式 少用

选择器(就是要修饰的对象){

对象的属性1: 属性值1;

对象的属性2: 属性值2;

}

列子1:

li{

color : read;

font-size : 30px;

font-family:隶书

}

写法二:写在head里面<head></head>

类选择器

行选择器>id选择器>类选择器>大于其他选择器>外部链式最小

还有一点急事行选择器 不仅仅可以写在标签行中可以写在<head><style></style></head>中:命名规则为 标签名称 加上{ css 属性}

4.都生效选择器:J就是这个选择器的标签都会有样式

div,ul,li,span{

css样式

}

写法三:专门写个Css文件 在需要用的Html中给他放找到这个css的链接 这个连接以如下方法写 但是要写在head标签中 (引用他人的css)

时间: 2024-10-13 02:23:24

2017/2/11CSS基础的相关文章

石家庄XX大学2017年java基础上机考试

石家庄XX大学 2017 年秋季 2016 级本科班期末上机考试试卷(A) 课程名称: JAVA 语言程序设计 任课教师: XXX考试时间: 150 分钟 学号: 姓名: 班级: 考试性质(学生填写):正常考试( )缓考( )补考( )重修( )提前修读( ) 题 号 一 二 三 四 五 六 七 总分 满 分 10 40 50 得 分 阅卷人 试卷说明: 一. 本试卷为 2016 级 JAVA 语言程序设计上机考试试卷: 二. 注意编程规范: (4 分) (1) 通过 Eclipse 添加类的方

2017寒假零基础学习Python系列之函数之 递归函数

什么是递归函数? 在函数内部,也可以继续调用其他函数,如果一个函数在内部调用本身,这个函数为递归函数举一个求n的阶乘的例子: def fact(n): if n == 1: return 1; else: return n * fact(n-1) print fact(5) >>>120 以上就是一个递归函数 这个函数运行的过程如下: ===> fact(5) ===> 5 * fact(4) ===> 5 * (4 * fact(3)) ===> 5 * (4

数学奥林匹克问题解答:2017高联基础班“指数与对数”作业题-1

1.化简: $$\sqrt[a]{\sqrt[b]x \over \sqrt[c]{x}} \cdot \sqrt[b]{\sqrt[c]{x} \over \sqrt[a]{x}} \cdot \sqrt[c]{\sqrt[a]{x} \over \sqrt[b]{x}}.$$ 解答: $$\text{原式} = \left(x^{{1\over b} - {1\over c}}\right)^{1\over a} \cdot \left(x^{{1\over c} - {1\over a}}

2017寒假零基础学习Python系列之函数之 函数之定义可变参数

若想让函数接受任意个参数,就可以定义一个可变的参数: def fn(*args): print args fn() >>>() fn(1,2,5,6) >>>(1,2,5,6) 原理是Python解释器把传入的一组参数封装在一个tuple传递给可变参数,因此在函数内部,直接把变量args看成一个tuple就好了,目的是简化调用 小习题:假设我们要计算任意个数的平均值,就可以定义一个可变参数: def average(*args): ... 这样,在调用的时候,可以这样写

2017寒假零基础学习Python系列之函数之 返回多个值

Python也和C语言一样有自己的标准库,不过在Python中叫做模块(module),这个和C语言中的头文件以及Java中的包类似,其中math就是其中之一,math模块中提供了sin()和cos()函数 引用Python中模块(以引用math为例)的格式为:import math 以一个计算游戏中坐标的例子来说吧: import math def move(x,y,step,angle): nx = x + step * math.cos(angle) ny = y - step * mat

python基础知识点

python论坛: 1. python 脚本格式 前2行格式如下,第一行是表示用python执行,第二行是通用字符集,任何语言都能正常显示. 1)#!/usr/bin/env python 2)#_*_coding:utf-8_*_ (貌似写成#coding=utf-8也行) 其实上面的语句怎么写都行,只要符合coding[ := ]\s*([-\w.]+); 意思就是coding后面要紧紧的跟着冒号或者等号,之后可随意多少个空格,然后接utf-8,coding=utf-8前后随意加字符都行.

指针变量的*p,p以及&amp;p的区别

23/7/2017  决定夯实基础,回顾指针的知识点,该博文转载于CSDN博主百家晓东,小部分修改,外加编译图引证 正文如下: 以下面的情况说明: int a = 5; int* p = &a; 结论: *p   是指针变量p指向的变量a的存储内容,*p = 5; p   是指针变量的存储内容,因为p指向a,所以p的存储内容(存储空间的值)就是系统为变量a分配的存储地址: &p  是对指针变量p进行取地址的操作. 分析: int a = 5; int* p = &a; int* q

大学软件工程等相关专业的系列视频课程学习路线图

视频课程学习路线图 (讲师:赖国荣) 本网校视频课程是大学软件工程等相关专业的系列视频课程,包含了从大一入学到毕业的所有专业课程,本网校的系列课程主要分为4个方面的课程 1.??? 数据库课程: 2.??? Java课程: 3.??? JSP课程: 4.??? 框架课程: 课程分为3个阶段的课程: 第一阶段(软件工程师初级班)课程如下: 1.??? HTML网页设计语言入门基础教学视频 网页基础,html标签的学习,制作静态网页,个人网站实训 2.??? C语言从入门到精通+贪吃蛇游戏开发实战视

给深度学习入门者的Python快速教程

基础篇 numpy和Matplotlib篇 本篇部分代码的下载地址: https://github.com/frombeijingwithlove/dlcv_for_beginners/tree/master/chap5 5.3 Python的科学计算包 – Numpy numpy(Numerical Python extensions)是一个第三方的Python包,用于科学计算.这个库的前身是1995年就开始开发的一个用于数组运算的库.经过了长时间的发展,基本上成了绝大部分Python科学计算