css
渔闻520
To Be Continued……
展开
-
css选择器再谈
子元素选择器用一个">"符号。h1>strong{color:red;}则其会把h1下的strong中的内容变成红色。子元素选择器结合后代选择器ex:table.company td>p则其的操作为:对td下的p进行设置,而td属于类名的company 的table 里。相邻兄弟选择器用个“+”号即可。ex:h1+p{margi-top...原创 2018-07-24 10:13:04 · 347 阅读 · 0 评论 -
id选择器和类选择器的区别
区别一:id选择器仅能使用一次区别二:不同于类选择器,ID选择器不能结合使用,因为ID选择器不允许有空格分隔的词列表。原创 2018-07-22 15:30:18 · 9485 阅读 · 0 评论 -
css 浮动(创建水平菜单栏,文档滚动,图片剪切等)
float 属性其属性值有:left,right,noneex1:将带有边框的边界的图像浮动与段落的右侧<html><head><style>div{ float:right; width:120px; margin:0 0 15px 20px; padding:15px; border:1px s...原创 2018-07-22 14:55:08 · 848 阅读 · 0 评论 -
cs表格和轮廓
表格边框border属性ex:table,th,td{ border:1px solid blue;} 折叠边框border-collapse将其属性值设置为collapse,可以让表格折叠为单一的边框。表格文本对齐text-alignvertical-align设置表格内边距:padding设置表格颜色:color b...原创 2018-07-21 16:02:01 · 457 阅读 · 0 评论 -
利用css来改变列表的样式
之前在HTML中,改变列表前面的样式可以在<ul>或者<ol>中用type属性来,在<ul>中可以让其为空心圆点,正方形,在<ol>中可以为字母顺序,古罗马等,而用css可以更好的改变列表项的标志。改变列表项的类型:list-style-typeex:ul{list-style-type:circle;}列表项的图像:...原创 2018-07-21 11:44:46 · 773 阅读 · 0 评论 -
css链接
在css中,可以根据链接所处的状态来设置他们的样式。链接的四种状态:a:link 普通的,未访问的链接。a:visited 用户已访问的链接a:hover 鼠标指针位于链接的上方a:active 链接被点击的时刻至于这四个选项的设置顺序,要按照以上的顺序。ex:<style>a:link{color:red}a:visited{colo...原创 2018-07-21 11:22:52 · 266 阅读 · 0 评论 -
css背景
背景色background-color属性p{background-color:red; padding:20px}增加了内边距使得背景色更加的突出。背景图像background-image属性p{background-image:url;}这里为所有的段落设置了背景。我们可以为指定的地方设置背景,利用css类来。p.flower{background-imag...原创 2018-07-20 16:04:09 · 147 阅读 · 0 评论 -
css派生选择器,ID选择器,类选择器,属性选择器以及css的创建
派生选择器比如说你需要列表中的strong元素变成斜体字,而不是通常的粗体字,我们可以:li strong { font-style:italic; font-weight:normal;}则在body中:<p><strong>我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用</strong>&...原创 2018-07-20 14:41:51 · 495 阅读 · 0 评论 -
创建透明的图像或者背景
创建透明的图像自定义透明效果的属性是opacity(中文意思:不透明)IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小,越透明。而IE8及更早的版本中用滤镜:filter:alpha(opacity=x) x取值从0到100。值越小越透明。图像hove...原创 2018-07-25 15:31:48 · 363 阅读 · 0 评论 -
如何创建导航条(栏)
创建基础导航栏其实是一个以链接链表为基础而完成的。首先:创建一个列表<ul><li><a href="">home</a></li><li><a href="">news</a></li>&l原创 2018-07-25 10:37:23 · 1039 阅读 · 0 评论 -
css如何改变光标样式和设置某些元素不可见
设置某些元素不可见用visibility属性,其值可以为visible和hidden.如果要设置一个元素不可见,则将visibility的属性值设置为hidden.ex:h1.invisible{visibility:hidden;}使用:<h1 class="invisible">csdn</h1>改变光标的样式:这里要用到style中的c...原创 2018-07-24 15:46:59 · 649 阅读 · 0 评论 -
css水平对齐
使用margin属性来水平对齐即将左和右外边距设置为"auto"ex..center{margin-lefr:auto;margin-right:auto;width:50px;background-color:red;}$:如果宽度是100%则对齐没有效果。使用position属性进行左和右的对齐(要使用绝对定位)ex:.right{p...原创 2018-07-24 11:38:43 · 351 阅读 · 0 评论 -
如何实现自动换行
<style> #wrap{word-break:break-all;width:1000px;} </style>原创 2018-10-21 13:28:00 · 460 阅读 · 0 评论