Web前段学习笔记
关注
分享
扫一扫
此些文章为自己学习笔记，若有错误，望指正。
Zoe Din
路漫漫其修远兮，吾将上下而求索
展开
-
css---块级盒子水平居中与盒子里的文本居中
块级盒子水平居中条件：（1） 盒子必须要有宽度（2）盒子左右外边距设置为automargin-left: auto;margin-right: auto;如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&...原创 2020-02-04 22:26:43 · 789 阅读 · 0 评论 -
CSS---案例--新浪微博导航
新浪导航的核心是字数不一样多，故不方便给宽度，因而用padding 撑开盒子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>新浪</title> <style> .nav{...原创 2020-02-04 21:47:45 · 420 阅读 · 0 评论 -
css--盒子边框 border
1、CSS 边框属性border-widthborder-styleborder-color1.1 边框样式 border-style :border-style 值:none: 默认无边框dotted: 定义一个点线边框dashed: 定义一个虚线边框solid: 定义实线边框1.2边框颜色 border-colorname - 指定颜色的名称，如 "...原创 2020-02-04 21:30:20 · 424 阅读 · 0 评论 -
CSS三大特性
1、css层叠性指多种css样式的叠加，是浏览器处理冲突的一个能力。如果一个属性通过两个相同选择器设置同一个元素上，则第一个属性样式会被第二个属性覆盖原则：就近原则：样式离哪个结构近，就执行哪个样式样式不冲突，不重叠2、继承性子标签会继承父标签的样式，从而降低css复杂性可继承的样式有：text- 开头的...原创 2020-02-02 00:35:44 · 166 阅读 · 0 评论 -
css案例--链接导航栏
实现效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>链接导航栏</title> <style> .nav{ text-align: cen...原创 2020-02-01 23:40:49 · 266 阅读 · 0 评论 -
css复合选择器
1、后代选择器（包含选择器） 用空格 重要后代选择器可以选择作为某元素后代的元素。h1 em {color:red;}上面这个规则会把作为 h1 元素后代的 em 元素的文本变为 红色。其他 em 文本（如段落或块引用中的 em）则不会被这个规则选中：2、子元素选择器 子选择器使用了大于号（子结合符）。与后代选择器相比，子元素选择器（Child selectors）只能选...原创 2020-02-01 23:35:18 · 183 阅读 · 0 评论 -
html5 ------有、无序列表 & 自定义列表
1、无序列表 ul<ul> 标签定义无序列表。<li> 标签定义列表项目。<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。无序列表的各个列表之间没有顺序级别，是并列的语法格式：<ul> <li>Coffee</li> <li>Te...原创 2020-01-30 23:26:03 · 1515 阅读 · 0 评论 -
html5----表格划分结构
1、表格可分为：题头 thead正文 tbody注脚 tfoot代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格划分结构</title></head><body&g...原创 2020-01-30 22:55:52 · 695 阅读 · 0 评论 -
Html5-------合并单元格
一：1、语法跨行合并 rowspan = "合并单元格的个数“跨列合并 colspan= "合并单元格的个数“2、合并顺序：先上后下、先左后右3、合并三部曲（1）先确定跨行还是跨列（2）根据先上后下，先左后右的顺序找到目标单元格，然后写上 合并方式 以及合并的单元格数量<td colspan="2"> //跨行合并，合并数量为3（3）删除多余的单...原创 2020-01-30 22:43:30 · 6022 阅读 · 0 评论 -
sublime text 安装插件报错 Error while loading PyV8 binary: exit code 1
安装emmet时pyv8下载失败1、安装emmet时，sublime提示如下：原因是PyV8没有下载下来。解决方法：去gihub下载 PyV8,连接地址：https://github.com/emmetio/pyv8-binaries/（已上传资源）下载下来的压缩包解压后有PyV8.pyd 和PyV8.py两个文件。然后新建一个PyV8的文件夹，放在Packages目录下，这个目...原创 2020-01-28 15:22:52 · 1988 阅读 · 1 评论