码迷,mamicode.com
首页 > Web开发 > 详细

css:层叠样式表 美化页面 修改标签的样式

时间:2018-07-02 10:56:22      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:back   ref   round   通用   文件中   层叠样   外部文件   head   字体加粗   

css:层叠样式表  美化页面 修改标签的样式
写法分类:
 
1.内联:
 
<!--使用<link />标签将css文件引入到html文件中-->
<!--<link href="路径" rel="stylesheet"/>-->
<!--<link/>标签只可以放在<head></head>之中,另外在html中内嵌css样式也只可以写在head标签之中-->
<!--内嵌书写方式-->
<style type="text/css">   /*标签名style*/
    button{                /*选择器*/
        color: red;        /*样式属性:样式值*/
    }
</style>
<!--css外部文件书写方式:省去了style标签-->
选择器{
    样式属性:样式值
}
 
选择器类型
    *{}:通用选择器
    标签名{}:标签选择器
    #id属性值{}:id选择器
    .class属性值{}:class选择器
子标签不是所有的样式都会继承父标签
常用的样式:
font-size:字体大小
font-weight:字体加粗
color:字体颜色选择
background:背景颜色颜色选择
list-style-type:列表样式改变

css:层叠样式表 美化页面 修改标签的样式

标签:back   ref   round   通用   文件中   层叠样   外部文件   head   字体加粗   

原文地址:https://www.cnblogs.com/amberoid/p/9252149.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!