![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Yellow_J的小屋子
生活简单开心就好,工作沉淀自己就好。
一步一步正在慢慢蜕变,能否变蛹成蝶?
忘又忘不掉,一直伤害自己。
展开
-
css_day03_继承性
1.继承性:所有后代都可以继承父级的东西叫做继承性 2.注意点: a.一般以color,font,text,line这几个开头的属性可以继承 b.a标签的颜色和下划线不可以继承 c.h标签的字体大小也不可以继承 d.企业开发中css的继承性主要体现在要设置一些共性的时候,例如,设置网页的字体大小,设置网页的字体颜色。<style> body{原创 2017-07-22 15:13:14 · 335 阅读 · 0 评论 -
css_day05_margin,line-height相关小知识点
1.margin:0 auto;这个属性只对水平方向的设置有效 2.line-height:当一行文本的时候line-height的高度和height的高度相等时,文本居中,多行文本需要垂直居中,只能设置padding了。原创 2017-07-25 21:45:06 · 328 阅读 · 0 评论 -
css_day05_修改input中placeholder的默认属性
一点一点地积累,慢慢地你会得到你想要的东西,为自己而加油吧! 修改input中placeholder的默认样式<html> <head> <title>修改input中placeholder的默认样式</title> <style> input{ width:500px;原创 2017-08-08 23:35:31 · 314 阅读 · 0 评论 -
css_day04_box-sizing
1.box-sizing=border-box:这个属性可以使元素的宽高保持不变。原创 2017-07-23 17:46:32 · 240 阅读 · 0 评论 -
css_day04_盒子模型的宽度和高度理解
1.内容的宽度和高度:就是通过width/height来设置的宽度和高度 2.元素的宽度和高度:两边框+两内边距+width/height 3.元素空间宽度和高度:两外边距+两边框+两内边距+width/height原创 2017-07-23 14:12:33 · 520 阅读 · 0 评论 -
css_day04_margin垂直方向的合并现象
html结构:<span class="hezi1">我是span01标签</span><span class="hezi2">我是span02标签</span><div1 class="div01">我是div01标签</div1><div2 class="div02">我是div02标签</div2>css样式部分: <!-- 注意:垂直方向的margin会有合并现象,哪个marg原创 2017-07-23 13:56:43 · 433 阅读 · 0 评论 -
css_eg02_css画一个倒三角
今天发现了一个比较有趣的东西呢~ html部分<div></div>css部分 div{ width: 0px; height:0px; border:50px solid; border-color:red #fff #fff #fff ; }原创 2017-07-23 13:21:24 · 611 阅读 · 0 评论 -
css_day01_对文本的设置
css部分: <style> p{ text-indent: 2em; text-decoration: underline; text-align: center; } </style><!-- 注意点: 1.em和px的区别是: px:相对长度单位原创 2017-07-19 00:05:50 · 228 阅读 · 0 评论 -
css_day01_font(设置字体的样式)
设置字体的样式一共有四个css部分: p{ font-style: italic;//使文字倾斜 font-weight:lighter;//细线 font-size:30px;//设置字体大小,快捷键:fz font-family:'乱七八糟的字体','微软雅黑'; /*注意原创 2017-07-18 22:47:26 · 305 阅读 · 0 评论 -
css_day01_简单介绍
1.学习css其实很简单,主要是学习css的两个点:{}的外面和括号的里面 a.{}的里面是学习属性,属性的作用、效果和注意点 b.{}的外面是学习选择器原创 2017-07-18 22:02:03 · 270 阅读 · 0 评论 -
css_day02_各种选择器基本使用(相邻兄弟选择器+,兄弟选择器~)
1.交集选择器格式:选择器1选择器2{ } 效果:2.并集选择器 . . . . . . . . . .<———————————-华丽的分割线——————————-> 今天是17年08月05日,因为之前的学习不是和扎实,导致现在工作遇到比较基础的东西都花费了比较大的时间和精力。今天就来理解一下兄弟选择器和类选择器。 先直接看看官网: 3_1.相邻兄弟选择器:原创 2017-07-20 00:06:51 · 1578 阅读 · 0 评论