![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
大神,起风了
以前等风来,后来起风了
展开
-
前端——css继承性,层叠性
文章目录继承性层叠性注意总结继承性<!-- 继承:给父级设置一些属性,子级继承了父级的该属性,这就是css中的继承 有一些属性是可以继承下来, : color 、 font-*、 text-*、line-* 文本元素 background不能继承 像一些盒子元素,定位的元素(浮动,绝对定位,固定定位)不能继承 --><style type="text/c...原创 2019-01-31 15:21:17 · 190 阅读 · 0 评论 -
前端——css高级选择器
文章目录后代选择器子代选择器交集选择器并集选择器属性选择器伪类选择器后代选择器 <style type="text/css"> /*后代选择器 外层+空格+内层 div的所有后代中找p标签,设置字体颜色为红色。使用比较频繁*/ div p{ color:red; }...原创 2019-01-31 11:25:21 · 186 阅读 · 0 评论 -
前端——css导入css样式的方法,基本选择器
文章目录导入方法基本选择器1.标签选择器2.id选择器3.类选择器4.通用选择器用法效果导入方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> &l原创 2019-01-30 21:54:33 · 248 阅读 · 0 评论 -
前端——HTML标签分类和嵌套规则
(转自 路飞学城 网站)标签分类块状元素,行内元素,行内块状元素常用的块状元素:&lt;div&gt; &lt;p&gt; &lt;h1&gt;~&lt;h6&gt; &lt;ol&gt; &lt;ul&gt; &lt;table&gt;&lt;form&原创 2019-01-30 18:32:02 · 586 阅读 · 0 评论 -
前端——table标签和form标签和控件:table,input的type类型,select和option,label,textarea
表格标签 table数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等图片来源于路飞学城用法&amp;amp;amp;lt;table&amp;amp;amp;gt; 表格&amp;amp;amp;lt;thead&amp;amp;amp;gt; 表格头&amp;amp;amp;lt;tr&amp;amp;amp;gt; 表格行&amp;amp;amp;原创 2019-01-30 15:26:17 · 1218 阅读 · 0 评论 -
前端——css z-index
文章目录特点特点 1.z-index值没有单位,就是一个正整数,默认的z-index值为0,定义层级遮盖效果,数值较大的显示在前面。 2.只有定位了的元素,相对定位,绝对定位,固定定位,才能有z-index,而浮动元素不能使用z-index。 3.如果没有z-index值,或者z-index值一样,后面的元素层级高,定位了的元素层级高于没有定位的元素。 4.如果是嵌套在两个父盒子里的子...原创 2019-02-07 19:05:03 · 1522 阅读 · 0 评论 -
前端——HTML常见标签
文章目录HTML介绍标签HTML文档结构HTML中注释的格式:pycharm里基本的html文档结构head标签title标签meta标签http-equiv属性name属性图标body标签标题标签 h1~h6文本样式标签段落标签超链接标签pycharm编辑使用示例:列表标签 ul,olol标签的属性:ul标签的属性:盒子标签图片标签其他标签span标签换行标签分割线标签特殊符号常用的特殊字符:...原创 2019-01-29 20:32:30 · 888 阅读 · 0 评论 -
前端—前言
web1.0时代的网页制作,主要是静态网页,没有与用户进行交互而仅仅供读者浏览的网页,缺乏交互性。“网页三剑Dreamweaver+Fireworks+Flash”就是web1.0时代额产物。从2005年开始,互联网进入web 2.0时代,网页有静态网页和动态网页。所谓动态网页,就是用户不仅仅可以浏览网页,还可以与服务器进行交互。“网页三剑客Dreamweaver+Fireworks+Flas...原创 2019-01-29 20:32:58 · 559 阅读 · 0 评论 -
前端——css相对定位,绝对定位,固定定位
文章目录相对定位 position: relative;特性用途绝对定位 position: absolute;绝对定位参考点单独盒子绝对定位参考点:父辈元素设置了相对定位,则子元素绝对定位以父辈元素为参考点。绝对定位水平居中固定定位参考点相对定位 position: relative; <style type="text/css"> .box1{ width: 200p...原创 2019-02-03 21:23:41 · 8191 阅读 · 2 评论 -
前端——css 背景background
文章目录小练习美化a超链接颜色背景图 background-image背景图定位 background-position用background-position做css sprite用position调整背景图固定背景图background-attachment小练习美化a超链接 &amp;lt;style type=&quot;text/css&quot;&amp;gt; *{ p..原创 2019-02-03 15:23:26 · 1026 阅读 · 0 评论 -
前端——css字体文本的一些设置
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport"原创 2019-02-03 00:06:46 · 600 阅读 · 0 评论 -
前端——css margin细节:塌陷和居中
文章目录1、垂直方向塌陷居中:0 auto再次理解盒子模型,两种方式做出如下效果:1、垂直方向塌陷1、只有标准流下垂直方向产生的问题,如果给两个盒子在垂直方向设置margin间隔,以较大的为准,会产生塌陷。2、盒子标准流左右不会产生,浮动流上下显示或浮动并排左右也不会产生。如下:盒子1和2之间间距并不是40,而是30;<style type="text/css"> *{...原创 2019-02-02 21:46:53 · 268 阅读 · 0 评论 -
前端——css浮动的影响与清除
子元素如果是浮动元素,那父元素一般不设置高度,可能造成布局混乱以后更改麻烦,不设置高度也会出现混乱<div class="father"> <div class="box1"></div> <div class="box2"></div> <div class="box3&原创 2019-02-01 19:58:17 · 404 阅读 · 0 评论 -
前端——css浮动现象
文章目录先看简单示例看效果:脱标贴靠字围紧凑先看简单示例<style type="text/css"> *{ padding:0; margin:0; } .box1{ width: 300px; height:300px; background-color: red; /*加浮动*/ float:left; } .bo...原创 2019-02-01 15:33:01 · 798 阅读 · 0 评论 -
前端——css 标准文档流和元素转换
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html lang=&amp;amp;quot;en&amp;amp;quot;&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta cha原创 2019-02-03 13:06:42 · 481 阅读 · 0 评论 -
前端——css盒模型
文章目录盒模型的属性如图:padding清除默认边距border盒模型的属性width:内容的宽度height: 内容的高度padding:内边距,边框到内容的距离border: 边框,就是指的盒子的宽度margin:外边距,盒子边框到附近最近盒子的距离如图:padding设置方法: &lt;style type="text/css"&gt; .box{ width...原创 2019-02-01 12:30:42 · 3359 阅读 · 0 评论 -
前端——javascript基础-ECMAScript
文章目录JavaScript简介ECMAScriptJavaScript的引入方式javascript得输出方式:变量五种基本数据类型JavaScript简介前端三部分功能定位:HTML:页面的结构CSS:描述样式JavaScript:描述行为,用户响应。JavaScript的组成:ECMAScript :定义了js的语法标准。变量,函数等基础语法。DOM :操作网页上元素。比如检...原创 2019-02-20 22:31:53 · 384 阅读 · 0 评论