首页 / CSS / 第一周复习二 （CSS样式表及其属性）

第一周复习二 （CSS样式表及其属性）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了第一周复习二 （CSS样式表及其属性），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1423字，纯文字阅读大概需要3分钟。

内容图文

样式表三种写法

1内联写法：style直接写在标签内。个人感觉多用于个别标签，一般情况优先级较高

style="font-size:16px;"

2内嵌写法：写在<head></head>标签内。个人感觉多用于较多或通用的一类标签，用来减少工作量

<style type="text/css">

{}

</style>

分为三种：

标签选择器

<style type="text/css">

    标签名（类如div）{ }

</style>

 

类选择器

<style type="text/css">

    .class{}

</style>

 

id选择器

<style type="text/css">

    #id{ }

</style>

特别的

*表示对所有元素起作用

<style type="text/css">

    *{

        }

</style>

三种复合选择器

并列，用,

<style type="text/css">

    标签名,#id{

        }

</style>

子代，用空格

<style type="text/css">

    table td{

        }

</style>

筛选，用.

<style type="text/css">

    牌

p.sp{

        }

</style>

3外部样式表

<Link rel="stylesheet" type=‘text/css‘"href=’’"/>

这里用href

常用属性

1· 背景与前景       

background-color:;背景色，

background-image:url(); 设置背景图片

 background-attachment:fixed; 背景固定

background-repeat:no-repeat; 不平铺

background-position:center;背景图居中，设置背景图位置时，repeat必须为no-repeat

 

2字体  

font-family:字体

color:文字颜色

font-size:18px; 字体大小（12px，14px，18px）

font-weight:normal;bold加粗

font-style:italic; 倾斜

text-decoration:overline; 下划线

text-align:center; (水平)居中对齐

vertical-align:middle; (垂直)居中对齐；与行高同用

line-height:行高

 

3边界与边框

border:5px solid red; 红色，5像素

margin:50px; 外边框宽度50像素

margin-top:50px; 上边外边框宽度50像素

margin:20px 0px 20px 0px; 顺序：上右下左，时钟顺时针顺序

padding:50px; 内间距50像素

padding-top:50px; 内上边框50像素

padding:50px 20px 10px 20px; 顺序为上右下左，时钟顺时针顺序

 

原文：http://www.cnblogs.com/angangxiaofa/p/6711103.html

内容总结

以上是互联网集市为您收集整理的第一周复习二 （CSS样式表及其属性）全部内容，希望文章能够帮你解决第一周复习二 （CSS样式表及其属性）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1147640.html

来源：【匿名】