博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css basic
阅读量:4977 次
发布时间:2019-06-12

本文共 1087 字,大约阅读时间需要 3 分钟。

font-size:36pt; // 字体大小

margin-left:50px; // 左外边距

<p><a href="http://www.w3cschool.cn" target="_blank">This is a link</a></p>  // link declare

color:red; //  字体颜色

background-color:yellow; // 背景色

test-align:center; // 文本位置 居中、左、右

Part1

  Css组成:选择器+声明 如,

p {color:red;text-align:center;}   // 属性、值以:隔开,以 ;结束。

 查看示例

Tip: css 注释方法: /* 起始   */结束

Part2

Css id 和 Css class

简单记: id#、class.

Part3

插入css到html的三种方式:

  1' 外部样式表

<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

Note: css文件内的属性和值间不要留空格,如color: red;是错误的

  2' 内部样式表

 
3' 内联样式 

这是一个段落。

Note:同时具备多重样式,内联优先级高于内部样式高于外部样式。 Part4 Css text 1‘当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐 2’ text-decoration 属性用来设置或删除文本的装饰 3‘ 文本缩进 如,p {text-indent:50px;}
Part4 Css link a:link {color:#FF0000;}      /* 未访问链接*/ a:visited {color:#00FF00;}  /* visited link */        a:hover {color:#FF00FF;}  /* mouse over link */        a:active {color:#0000FF;}  /* selected link */
Part5 Css Table 1' 边框 table, th, td {
border: 1px solid black; } padding属性? => 控制表格内文字与边框的距离
Part6 盒子模型?
 
 

 

 

 

 

转载于:https://www.cnblogs.com/chenqr/p/11080441.html

你可能感兴趣的文章
Linux基本操作命令
查看>>
Java线程同步的方式
查看>>
Perl map()函数
查看>>
RelativeLayout练习
查看>>
Tomcat 的端口被占用的解决办法
查看>>
10. dede5.7标签调用说明
查看>>
bzoj 3207 可持久化线段树+hash
查看>>
解决 Python.h:没有那个文件或目录 错误的方法
查看>>
【Demo 0023】改变窗体的位置, 大小及Z-ORDER
查看>>
【原创】Hibernate通过实体类自动建表时type=MyISAM的问题
查看>>
MySQL系列(五) 锁
查看>>
【图解漏洞】图解跨站脚本攻击(XSS)原理
查看>>
sql 查找某个字符在字符串中第N次出现的位置
查看>>
编译原理:引论
查看>>
LFM 隐语义模型
查看>>
unwrapped与wrapped变量取值的问题
查看>>
[转载]---教大家如何玩转跟踪(to owner session、other session)
查看>>
如何在服务器部署JBoss
查看>>
NPOI导出EXCEL遇到换行符时,改变单元格的样式~!
查看>>
springboot 零xml集成mybatis-plus
查看>>