css权值和优先级+命名规范 选择器权值： 标签选择器：1 类选择器和伪类选择器：10 ID选择器：100 通配符选择器：0 行内样式：1000 !important 在一定条件下，优先级最高 常用的css样式命名 页面结构 页头：header 页面主体：main 页尾：footer 内容：content/container...

2020-01-31 16:00:38

CSS语法、选择器、继承、层叠 行内样式（内联样式） h1 style ="color:red;font-size:20px;" css行内样式 / h1 内部样式表（嵌入样式） !-- --解决低版本浏览器不识别style标签的情况 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / tit...

2020-01-30 16:03:24

搭建网页HTML结构 div 块级标签 span 行内标签 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / title / head body div img src ="cat.jpg" alt ="cat" width ="50px" cat / div div img src ="cat.jpg" alt ="cat" width ="50px" cat /...

2020-01-30 16:03:05

HTML表单概念、语法及创建表单，案例 form 标签 Input标签的type属性值 单行文本域 input type="text" / 图像域（图像提交按钮） 下拉菜单和列表标签 select 标签属性 form 标签 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / title /...

2020-01-30 16:02:35

HTML表格概念、语法、操作、案例 创建两行三列表格 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / title / head body table border ="1" tr td 2018年 / td td 2019年 / td td 2020年 / td / tr tr td 8000 / td td 10000 / td td 1200...

2020-01-30 16:02:05

HTML概念、语法及常用基础标签 HTML基础语法 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / title / head body bgcolor ="red" hello HTML~ hr / !-- 这是注释 -- / body / html sublime快捷键 ctrl+n 新建文件 ctrl+s 保存文件 ctrl+?...

2020-01-30 16:01:41

css选择器 ※;选择所有元素 div,p;选择所有div元素和p元素 divp;选择div内部所有p元素 divp;选择父元素为div的所有p元素 div+p;选择紧接在div元素之后的所有p元素 [target];选择带有target属性的所有元素 [target=_blank];选择target=_blank的所有元素 [title~=flower]...

2020-01-30 16:01:27

sass实现头条新闻列表页面 Index.html ! DOCTYPE html html head title 今日头条 / title meta charset ="utf-8" meta name ="viewport" content ="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" link rel ="stylesheet" type ="text/c...

2020-01-30 16:01:12

博客前端其他杂项 1、实现标签小图标 link rel="Bookmark" type="image/x-icon" href="https://blog-static.cnblogs.com/files/yukarin/yukarin5.ico" / link rel="icon" type="image/x-icon" href="https://blog-static.cnblogs.com/files/yukarin/yukarin5.ico" / li...

2020-01-30 16:00:45

sass基础语法 sass基础语法 !default 表示默认值 + 拼接字符串 #{ } 识别为变量名 demo.scss $width:300px;$height:300px;$color:#e03434;$baseWidth:200px;$baseWidth:100px !default;.div1 { width : $width ; height : $height ; background-color : $color ;} .div...

2020-01-29 16:01:11