关于CSS初步入门简述1
关于CSS的简介可以自行百度，本篇只考虑内容
<body>
<div style="height:200px; width:200px; background:#000; color:fff;">你好
</div>
</body>
<body>
<p style="background:blue; width:200px; height:50px; text-align:center; line-height:50px; border:10px solid red;">吃了吗？</p>
</body>
由于文字在行内上下自动居中所以可以把行高的值设成等于块高即：height=line-height，这样上下就能居中，左右居中靠text-align：center ；边框分三个部分分别是宽度，样式，颜色，例子的border是四周宽度10px，实线，红色。写的时候靠空格分隔
<body>
<p style="width:200px; height:50px; text-align:center; line-height:50px; border-top:2px solid red;">吃了吗？</p>
<p style="width:200px; height:50px; text-align:center; line-height:50px; border-bottom:2px solid red;">吃了吗？</p>
<p style="width:200px; height:50px; text-align:center; line-height:50px; border:2px dashed red;">吃了吗？</p>
<p style="width:200px; height:50px; text-align:center; line-height:50px; border:2px dotted red;">吃了吗？</p>
</body>
<input type="text" value="你好" style="width:500px; height:20px;" />
<input type="button" value="天气" style="width:100px; height:20px;" />
是单标签
<a href="https://www.baidu.com/">百度</a>
<a href="#">本页最上</a>
7.title属性
title属性是公有属性标签里都能添加，和style等属性写法一样，当鼠标停留在选定区时，会出现提示文字
8.img图片
<img src=""; title=""; alt=""; height="";/>
src是私有属性，在img标签里生效,是图片的路径;alt是当图片丢失后显示的内容；高度可以调节图片大小，是按照比例调节的，如果宽高不按比例写会以宽高为准
关于CSS初步入门简述1的更多相关文章
- CSS+DIV入门第一天基础视频 CSS选择器层叠性和继承性
大家好,我是小强老师, 现在网上的CSS+DIV视频,要么讲的太深,要么太浅,很多初学的同学们总是遇到困难,今天小强老师专门给大家准备了css课程的视频.带你从零基础学习CSS+DIV一直到能独立完成 ...
- Struts 2 初步入门（三）
接Struts 2初步入门(二) 若想用多个通配符设定访问: <struts> <package name="default" namespace="/ ...
- Java反射-初步入门
Java反射-初步入门 学反射先了解什么是反射. 百度百科:JAVA反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意一个方法和属性:这种动 ...
- Shel脚本-初步入门之《06》
Shel脚本-初步入门-06 Shell 脚本的建立和执行 6.Shell 脚本的建立和执行 6.1 Shell脚本的建立 在 Linux 系统中,Shell 脚本(bash Shell 程序)通常是 ...
- Shel脚本-初步入门之《01》
Shel脚本-初步入门-什么是 Shell 1.什么是 Shell Shell 是一个命令解释器,它的作用是解释执行用户输入的命令及程序等.Shell 存在于操作系统的最外层,负责与用户直接对话,把用 ...
- Shel脚本-初步入门之《02》
Shel脚本-初步入门-什么是 Shell 脚本 2.什么是 Shell脚本 当命令或程序语句不在命令行下执行,而是通过一个程序文件来执行时,改程序就被称为 Shell 脚本.如果在 Shell 脚本 ...
- Shel脚本-初步入门之《03》
Shel脚本-初步入门-Shell 脚本在 Linux 运维工作中的地位 3.Shell 脚本在 Linux 运维工作中的地位 Shell 脚本语言很适合用于处理纯文本类型的数据,而 Linux 系统 ...
- Shel脚本-初步入门之《04》
Shel脚本-初步入门-04 脚本语言的种类 4.脚本语言的种类 4.1 Shell 脚本语言的种类 Shell 脚本语言是弱类型语言(无须定义变量的类型即可使用),在 Unix/Linux 中主要有 ...
- Shel脚本-初步入门之《05》
Shel脚本-初步入门-05 常用操作系统默认的 Shell 5.常用操作系统默认的 Shell 通过以下两种方法可以查看 CentOS Linux 系统默认的 Shell 方法1: echo $SH ...
随机推荐
- C#遍历XML文件动态加载菜单
通过遍历XML文件动态加载菜单,顺便利用WebBrowser控件实现一个简单的桌面浏览器 效果如下: 代码如下: XMLFile1.xml <?xml version="1.0&quo ...
- How to use a 32bit Oracle11_g client in 64 win system and not conflict with sqldeveloper 64 bit tool
At the path:C:\app\USER_NAME\product\11.2.0\client_1\sqldeveloper\sqldeveloper\bin, there a file 'sq ...
- 常用CSS样式
1.line-height:行高.默认normal normal:允许内容顶开或溢出制定的容器边界; length:15px,可以为负数; ... 2.overflow:滚动条设置 overflow- ...
- C++之虚函数和多态
干货较多-需要自己深思理解: C++支持两种多态性: 1.编译时多态性(静态绑定-早绑定) 在程序编译阶段即可以确定下来的多态性 通过使用 重载机制(重载函数)实现 (模板)http://blog.c ...
- 【转】关于Oracle将小于1的数字to_char后丢掉0的解决办法
SQL代码如下: select rtrim(to_char(0.11, 'fm9990.99'), '.') from dual; 其中0.11为需要to_char的数字fm去掉字符串前面的空格999 ...
- kendo-ui学习笔记（一）
1.top.jsp: <script src="<%=path%>/kendoui/js/jquery.min.js"></script> &l ...
- js⑥
// 万物皆对象 var num = 123456.789; console.log(num.toFixed(2)); console.log(num.toExponential()) cons ...
- MySQL 通过semi join 优化子查询
半连接是MySQL 5.6.5引入的,多在子查询exists中使用,对外部row source的每个键值,查找到内部row source匹配的第一个键值后就返回,如果找到就不用再查找内部row sou ...
- mysql免安装版本
[下载MySQL 5.6.13] 从MySQL官方网站mysql.com找到MySQL Community Server 5.6.13的下载地址为http://dev.mysql.com/downlo ...
- mvc 导入,导出excel
最近主要做导入excel 在网上查询了代码 public FileResult DownLoadExcelJiZuChaXunGenRenXiaoFeiJiLu() { DataTable dt = ...