2019-04-18

边框

border-width: 宽度
border-style: 样式
border-color： transparent(透明) 颜色
border:1px solid #000; 简写
圆角

属性：
border-radius:5px/20%/50%;

border-top-left-radius:左上的圆角
border-top-right-radius:右上
border-bottom-left-radius:左下
border-bottom-right-radius:右下
外边距内边距

外边距：围绕在元素周围的空白区域默认不被其他元素占用的
作用：拉开元素之间的距离
语法：
margin:值 5px 百分比 20%；
取值：
px 像素
% 百分比
auto(自动) 只在左右方向有效
负值 -5px;

 margin:20px;  设置4个方向的外边距
     margin-top:5px;设置的是上外边距
 margin-bottom：5px;下外边距
 margin-left:  左外边距
 margin-right:右外边距


    margin:20px;  设置4个方向的外边距
margin:10px 20px;   10px 代表上下   20px左右
margin:10px 5px 20px;  10px代表上   5px左右 20px下方向
    margin:5px 10px 15px 20px;  上 右 下 左


margin:0 2px 0 0px;上右边距

这是一个p标签

vbvbbbv

这是一个div元素

• 111111


• 22222


• 33333

这是一个带id选择器的div

4.后代选择器：选取的是父元素下的所有子元素
ul li{}

       5.子代选择器：父元素下的直接子元素
             ul>li{}

       6.相邻兄弟选择器
            .good+li

       7.通用兄弟选择器
            .good~li

       8.结构伪类选择器
              ul>li:first-child{}  第一个孩子
              ul>li:last-child{}   最后一个孩子
              ul>li:nth-child(n){}    第n个孩子

字体相关样式：
     
     font-family:"宋体";设置字体类型
     font-size:30px;  字体大小
     font-style:"normal/italic(斜体)" 字体风格
     font-weight:bold; /*bold加粗  normal正常*/700 //字体加粗
     font-weight:100/200/....900; //字体加粗

-->

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波

咏鹅

鹅鹅鹅

曲项向天歌

白毛浮绿水

红掌拨清波