CSS学习之二实践盒子

学习计算机技术，应用为主，一定要实践，实践，实践。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .k{background-color: #ac2925;
        }.h{border: 1px dashed    ;
            padding-top: 40px;
            background-color:chartreuse;
            padding-bottom: 40px;;
            margin: 100px;
            text-align: center;
        }</style>
</head>
<body>
    <div class="k">
        <div class="h">
            <span>
                Swath 2006 冬季时尚全新上市，天色渐渐变暗，夜幕缓缓降临。
            </span>
        </div>
    </div>
</body>
</html>

CSS学习之二实践盒子相关推荐

css中怎么加入立体模型,CSS学习笔记二：css 画立体图形
继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: ...
初学者之CSS学习（六）盒子模型
<html> <head> <meta charset="utf-8"/> <title>盒子模型</title> &l ...
【CSS学习（三）盒子模型、边距重叠浮动、清除浮动】
盒子模型盒子模型在CSS学习中尤为重要,对盒子模型的深刻理解有利于 CSS开发水平的提示,在开发中遇到难以理解的现象,往往是因为对模型的理解不够. 盒子模型这个名词来自英文里面的Box modelm ...
CSS学习笔记(二) －－－－盒子模型
我们日常生活中的盒子大概见了不少了,且都为六面体,也就是说是立体的. 那么它到底跟我们学习CSS里面的盒子模型到底有些啥区别呢,之前看过不少的书,千篇一律的一句话代过,讲的也不太细,或者是讲的非细但我 ...
CSS学习笔记(二) 移动WEB开发
思维导图文章目录思维导图 1. 移动端基础 1.1 浏览器现状 1.2 手机屏幕现状 1.3 移动端调试方法 2. 视口 2.1 布局视口 2.2 视觉视口 2.3 理想视口 2.4 视口总结 2 ...
CSS学习笔记二：css 画立体图形
继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: ...
黑马CSS笔记（二）盒子模型
盒子模型 01 盒子模型 02 PS基本操作 03 综合案例产品模块案例 <style>* {padding: 0;margin: 0;}body {background-color: ...
CSS 学习路线(二)选择器
选择器规则结构: 分两个基本部分选择器(selector)和声明块(declaration block) 组成声明块:由一个或多个声明组成,每一个声明都是属性-值对选择器分为:元素选择器,类选 ...
媒体查询配合rem使用（HTML+CSS学习笔记二十一）
媒体查询 + rem 计算方法计算rem方法: 结合媒体查询 -> 随着设备的改变更改html font-size的值. 媒体查询确定范围?? 移动端设计图 : 640px 750p ...

CSS学习之二实践盒子

CSS学习之二实践盒子相关推荐

最新文章

热门文章