day02HTML

掌握表单标签

<form action="http://www.baidu.com" method="post">

    ...

</form>

了解CSS的概念
- 英文缩写 Cascading Style Sheet
- 层叠样式表
- 层叠:层层叠加
- 样式表:样式的集合(属性的集合),不是html的属性,而是CSS的属性

掌握CSS的引入方式(heml和css)

通过style标签的属性

<!--通过style属性-->

    <div style="border: 1px solid red;">div一</div>

通过style标签

<head>

    <!--通过style标签-->

    <style>

        div {

            border: 1px solid red;

        }

    </style>

</head>

通过link标签结合(外部引入)

<link rel="stylesheet" href="../../css/divcss.css" />

了解CSS的基本语法和常用的选择器
- 语法规范

　　{

　　　　　　　　　属性:属性值属性值

　　　　　　　　}

常用选择器

标签选择器; 语法: 标签名{css代码}

<style>

/*标签选择器*/

div{

    border: 1px solid red;

}

</style>

类选择器语法: .类名{css代码}

<style>

    /*类选择器*/

    .divClass{

        border: 1px solid red;

    }

</style>

id选择器;语法: #id名{css代码}

<style>

    /*id选择器*/

    #divId{

        border: 1px red solid;

    }

</style>

组合选择器语法:选择器,选择器{css代码}

/*组合选择器*/

div,span{

    border: 1px solid red;

}

后代选择器语法:选择器1 选择器2 {css 代码}
子代选择器语法:选择器1>选择器2 {css 代码}:

了解CSS的盒子模型,浮动.
- 设置浮动
```
<div style="float:left;"></div>
```

　css盒子模型

margin:外边距

padding:内边距,里面的元素和边框之间的距离

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <div style="height: 300px; width: 300px ;border: red solid 1px;">

            <div style="background-color: blue; height: 100px;text-decoration: underline; width: 100px; border-style: dashed; margin: 35px; padding: 20PX;">

                BBB

                中国

            </div>

        </div>

    </body>

</html>

day02HTML_CSS的更多相关文章

随机推荐

vs2012建一个空解决方案添加以前老版本的Web项目调试弹出window安全
解决方法:NTLM身份验证去掉就行.
Linux入门(8)——Ubuntu16.04安装sublime text 3并配置Python开发环境
打开终端,添加sublime text 3的仓库: 按enter键继续更新软件库: sudo apt-get update 安装Sublime Text 3: sudo apt-get instal ...
【ASP.NET MVC 学习笔记】- 19 REST和RESTful Web API
本文参考:http://www.cnblogs.com/willick/p/3441432.html 1.目前使用Web服务的三种主流的方式是:远程过程调用(RPC),面向服务架构(SOA)以及表征性 ...
[Java第一课]环境变量的配置以及eclipse一些常用快捷键
1.环境变量的配置(这里对xp系统电脑来说:) 首先安装jdk软件. 然后在我的电脑(右键)-->属性-->高级-->环境变量-->系统变量(注意)-->新建(新建两个p ...
js中的undefined 和null
undefined是基本数据类型表示未定义缺少的意思 null是引用数据类型是对象表示空对象 undefined是从null派生出来的所以undefined==null true Ja ...
测试服务搭建之centos7下安装java
一安装Java 1 创建普通用户 useradd wujian passwd wujian 提示输入密码:[输入wujian的密码] user:wujian group:root passwd:12 ...
vb.net 代码建立控件，并显示在窗体上
Dim lb As New Label lb.Text = "hello" lb.Top = 200 lb.Left = 100 ...
ajax+分页
<!DOCTYPE html> <html> <head lang="zh-cn"> <meta charset="UTF-8& ...
VPS搭建离线下载服务器——后网盘时代
动机由于学习的需要,在国外某服务器厂商购买了vps服务(至于是哪个厂商就不说啦).但是呢,就算用作梯子,一个月1T的流量总是用不完.最经觉得自己营养充足,想找点电影看看. 无奈现在百度网盘的速度真的 ...
原生JS实现Ajax及Ajax的跨域请求
前言如今,从事前端方面的程序猿们,如果,不懂一些前后台的数据交互方面的知识的话,估计都不太好意思说自己是程序猿.当然,如今有着许多的框架,都有相对应的前后台数据交互的方法. ...

day02HTML_CSS

day02HTML_CSS的更多相关文章

随机推荐

热门专题