#Friday

2021年2月21日

摘要： /* padding也是上右下左四个方向 */ /* 覆盖写法 */ /* padding: 5px; padding-left: 1px; */ /* 一次性给出四个方向的设定 */ padding: 5px 5px 5px 1px; 练习： <head> <style type="text/cs 阅读全文

posted @ 2021-02-21 20:26 #Friday 阅读(117) 评论(0) 推荐(0)

CSS样式-边框border-*

摘要：边框宽度： border-width 边框样式： border-style:none,solid,dashed,dotted 边框颜色： border-color 圆角： border-radius，单位可以是百分比，也可以是px 举例：border-radius:50%; border-radiu 阅读全文

posted @ 2021-02-21 19:22 #Friday 阅读(337) 评论(0) 推荐(0)

CSS样式-精灵图（雪碧图）

摘要：只请求一次图片加载，然后通过控制图片的background-position来获得想要的样式效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width= 阅读全文

posted @ 2021-02-21 17:21 #Friday 阅读(149) 评论(0) 推荐(0)

CSS样式-背景

摘要：背景颜色： background-color 备注：除了可以用十六进制数表示以外，还可以用rgb以及rgba形式来表示，其中第四个参数alpha表示透明度，并且小数点前的0可以省略不写。背景图片： background-image: url(图片路径); 平铺模式： no-repeat:不平铺；阅读全文

posted @ 2021-02-21 17:06 #Friday 阅读(62) 评论(0) 推荐(0)

2021年2月20日

CSS样式-CSS的特性（层叠性、继承性、优先级）

摘要： CSS冲突：两个选择器针对同一个元素，设定同一个CSS属性一、CSS层叠性：两个选择器选到了同一个元素，并且对同一个CSS属性进行设定，那么后定义的CSS属性将覆盖先前定义的属性；如果是针对不同的CSS属性进行设定，互不影响；如果有些CSS属性冲突，有些不冲突，那么冲突的层叠，不冲突的互不影阅读全文

posted @ 2021-02-20 18:05 #Friday 阅读(302) 评论(0) 推荐(0)

CSS样式-行高的测量

摘要：阅读全文

posted @ 2021-02-20 17:16 #Friday 阅读(46) 评论(0) 推荐(0)

CSS样式-编码规范

摘要：一、格式规范： 1.选择器和后面的“{”之间要有一个空格； 2.属性名和“：”之间没有空格，“：”和属性值之间有一个空格，结尾有“；”，且无空格分隔；二、选择器规范： 3.当选择器是并集选择器时，每个并集选择器独占一行； 4.后代/子代选择器不建议超过5层，在能达到选择并且层数可控的条件下，优先使阅读全文

posted @ 2021-02-20 17:11 #Friday 阅读(81) 评论(0) 推荐(0)

CSS样式-快速生成代码

摘要： []：放入元素的属性名以及属性值，属性值不需要加双引号或者单引号； {}：放入元素对应的内容 ()*数字：按数字重复展示多遍 >：表示子级举例： div[id=nav]>(a[href=#]{测试菜单})*6，然后按tab键输出的代码为： <div id="nav"> <a href="#">测阅读全文

posted @ 2021-02-20 15:18 #Friday 阅读(375) 评论(0) 推荐(0)

CSS样式-显示模式display

摘要：显示模式共三种：block、inline、inline-block；第一种：block（块级元素）：常见块级元素：div、h1-h6、p、ul、ol、li，其中div元素经常被当做布局元素使用块级元素的特点：所有的块级元素自己占用一行，无论宽度是多少；块级元素可以设定宽度（width）和高阅读全文

posted @ 2021-02-20 14:45 #Friday 阅读(453) 评论(0) 推荐(0)

2021年2月19日

CSS样式-伪类选择器

摘要：伪类选择器：一、链接伪类选择器： <style type="text/css"> body{ font-size:18px; } /*没有访问过得标签：初始状态下字体颜色是黑色*/ a:link { color: black; } /* 访问过的标签: 点击过后字体颜色变成蓝色 */ a:visi 阅读全文

posted @ 2021-02-19 23:36 #Friday 阅读(95) 评论(0) 推荐(0)

公告