
css
yuezheyue123
这个作者很懒,什么都没留下…
展开
-
css学习5
1.可以使用css的属性content进行修改内容,其实就是进行替换。 ①进行替换成图片content: url(“check_selected_green.png”) ②当添加的是string的时候,并没有成功,但是给before添加内容是成功的,比如div:before{content:“eeee”} ③同理 a:after{content:attr(href)} 这样能获取到a的属性的内容...原创 2019-01-25 10:00:49 · 162 阅读 · 0 评论 -
css学习9
1.form的属性 action: autocomplete: enctype:默认application/x-www-form-urlencoded 上传文件multipart/form-data 纯文本text/plain,发送邮件的时候必须设置该类型,否则接受时会出现乱码。 target:_blank _self _parent _top framename 输入性控件...原创 2019-01-30 10:55:11 · 142 阅读 · 0 评论 -
css学习8
1.设置背景图片后,当内容变化的时候,背景图片是可以被拉伸的,但是仅仅是图片的内部被拉伸,对于边缘角度并不会发生变化,因此通过这一点可以将两张图片进行拼接,然后制作按钮的背景。 比如,下面需要a标签中套用b标签,a标签设置左背景,b标签设置右背景。 <a href="#"><b>查看样式表CSS</b></a&a原创 2019-01-29 14:05:25 · 179 阅读 · 0 评论 -
css学习4
1.使用table的注意事项 ①设置table的border-spacing:0将默认的边框去除 ②直接设置tr的border-radius是失效的,应该设置其中包含的td th的border-radius ③/*三个参数:x的偏移 y的偏移 模糊*/ box-shadow: red 0px 1px 1px; ④能够直接设置tr的背景色 ⑤合并列 <tr> ...原创 2019-01-23 15:56:55 · 181 阅读 · 0 评论 -
css学习3
1.外边距合并 外边距合并是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 比如竖直两个div,第一个div的margin-bottom为20,第二个div的margin-top为10,那么两个div之间的距离其实为20。 同样情况,在一个div中包含一个div,也会出现外边距合并。 2.定位 相对定位:无...原创 2019-01-23 10:51:40 · 110 阅读 · 0 评论 -
css学习7
1.伪类就是根据特征对元素进行分类。特征就是对于某个元素来说是随时可以小时的。 :link 未被访问的样式 :visited :hover :active :focus 在获取焦点后的样式。 注意上面的设置的顺序。如果是将link放在下面,那么按照代码执行的顺序,先执行hover的代码,当执行到link的时候就会将样式覆盖掉。 2.定义鼠标样式 使用cursor属性 具体的属性值: cro...原创 2019-01-28 16:56:02 · 171 阅读 · 0 评论 -
css学习2
1.各个主流浏览器都定义私有属性,webkit类型浏览器(safari,chrome)私有属性以-webkit-前缀开始,Gecko(firefox)的私有属性以-moz-开头,opera浏览器以-o-开头,而ie浏览器以-ms-前缀开头。 2.css的样式代码必须保存在css类型的文本文件中,或者放在网页内<style>标签中,或放在网页标签style属性中。 包括内联样式...原创 2019-01-22 14:10:00 · 127 阅读 · 0 评论 -
css学习11
1.img标签是流动元素,放在div中会自动的横向排列。如果我们想纵向排列可以使用浮动,并且自身清除浮动来实现换行显示。 注意不要设置流动元素的padding,这样设置只能在上下两个方向上有作用,但是在左右方向没有作用。要设置浮动元素的padding值。 div img { width: 150px; height: 100px; float: left; clear: left;...原创 2019-02-01 10:40:44 · 131 阅读 · 0 评论 -
css学习1
1.内联元素和块级元素的区别 https://www.cnblogs.com/dxzg/p/6423922.html?utm_source=itdadao&utm_medium=referral 2.id和class选择器都可以被作用于派生选择器 .fancy td { color: #f60; background: #666; } 元素也可以基于它们的类而被选择: td.fa...原创 2019-01-22 09:34:45 · 116 阅读 · 0 评论 -
css学习10
1.特殊的用法,如果在padding margin中设置三个数值,例如: margin: 10px 10px auto; 这三个值表示的是上,左右,下。其中的auto一般都为0。 2.正常我们使用float的时候,这样能够实现元素的横向表示。但是如果设置的里面的元素的长度是固定数值,那么就会导致当浏览器的窗口缩小的时候里面的元素出现换行。解决的方法就是设置宽度为百分比。例如: ul li{ ...原创 2019-01-31 15:19:36 · 660 阅读 · 0 评论 -
css学习6
1.对于定义背景图片 background:url(images/p3.jpg) no-repeat; 可以设置图片显示的区域。 使用background-origin设置显示的起始区域 属性值 border-box:表示从边框处就开始显示。 padding-box:表示从边框里面开始显示。 content-box:表示从content区域开始显示。 对于背景图片位置的显示也可以用 backgro...原创 2019-01-25 15:15:34 · 219 阅读 · 0 评论 -
css学习12
1.对于设置了flex盒模型。 可以使用下面的属性: order:控制里面的标签的排列顺序 flex就是下面三个属性的集合。 flex-grow:决定容器中元素将剩余空间按照比例拓展空间 flex-shrink:和flex-grow相反 flex-basis:设置伸缩基准值,剩余空间按照比率进行伸缩。 flex-flow是flex-wrap flex-direction的复合...原创 2019-02-19 18:15:56 · 151 阅读 · 0 评论