![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS 学习日记
记录自己学习CSS的点滴
此时的你才是你
这个作者很懒,什么都没留下…
展开
-
CSS学习日记12-选择器4-伪类选择器6
(四)伪类选择器 3.都有哪些呢? 1):超链接伪类 2)结构伪类 3)表单伪类 4)字符伪类 注意这里其实是伪元素,要用:: 两个冒号 首字母大写 通过对文本标签的选择,可以对其内容进行操作,比如首字母大写 <body> <p> 他们都到海边去了。我为左眼发炎不曾去。我独坐在前廊,偎坐在一张安适的大椅内,袒着胸怀,赤着脚,一头的散发,不时有风来撩拂。清晨的晴爽,不曾消醒我初起时睡态;但梦思却半被晓风吹断。我阖紧眼帘内视,只见一斑斑消残的颜色,一似晚霞的余赭,留恋地胶原创 2020-08-13 16:38:47 · 193 阅读 · 0 评论 -
CSS学习日记11-选择器4-伪类选择器5
(四)伪类选择器 3.都有哪些呢? 1):超链接伪类 2)结构伪类 3)表单伪类 对表单设置 直接选择input,可用的不可用的都可以设置 <body> <form action=""> <input type="text" disabled> <input type="text"> <button>保存</button> </form> </body>原创 2020-08-13 15:58:55 · 122 阅读 · 0 评论 -
CSS学习日记10-选择器4-伪类选择器4
(四)伪类选择器 3.都有哪些呢? 1):超链接伪类 2)结构伪类 e. :nth-last-child(n) 这个选择器跟上上一个差不多,只不过是从后往前数 比如 <body> <main> <article> <h1>第一行</h1> <h1>第二行</h1> <h1>第三行</h1>原创 2020-08-09 16:51:05 · 132 阅读 · 0 评论 -
CSS学习日记9-选择器4-伪类选择器3
(四)伪类选择器 3.都有哪些呢? 1):超链接伪类 2)结构伪类 nth-child(n) 可以选择第n歌的元素,英语中th后缀表示第几,所nth就是表示第n个的意思。 比如说,选择第二个元素,如果只想选择子代,用 > 即可。 <body> <main> <article> <h2>第零个儿子</h2> <h1> 第一个儿子原创 2020-08-09 16:20:07 · 218 阅读 · 0 评论 -
CSS学习日记8-选择器4-伪类选择器2
(四)伪类选择器 3.都有哪些呢? 1):超链接伪类 2)结构伪类 a.:first-child 选择第一个孩子 这样写是后代选择,后代的第一个孩子也会被选中 <body> <main> <article> <h2>第零个儿子</h2> <h1> 第一个儿子 </h1> &l原创 2020-08-08 10:05:40 · 199 阅读 · 1 评论 -
CSS学习日记7-选择器4-伪类选择器1
二.各种选择器 (一)基本选择器 (二)结构选择器 (三)属性选择器 (四)伪类选择器 1.啥是伪类,不懂啊 CSS伪类是用来添加一些选择器的特殊效果。伪就是假的,有人说伪类跟伪娘差不多,看起来是类,其实不是类。或者说,只有特定状态下可以可以当类来用。修饰一些CSS没有的东西。 2.伪类选择器 当然是选择伪类的啦。就是为元素的不同状态或不确定存在的元素设置样式规则。 3.都有哪些呢? 1):超链接伪类 好多元素都可以使用伪类,不单是链接 比如 :hover 鼠标悬停和划过时的显示效果, :focus 获得原创 2020-08-07 10:39:19 · 171 阅读 · 0 评论 -
CSS学习日记6-选择器3-属性选择器2
二.各种选择器 (一)基本选择器 (二)结构选择器 (三)属性选择器 6.用 * 属性内部任何位置出现值的元素 我们发现,只要出现了目标值,就会被选中,不管是单词还是字符串。 <body> <main> <article> <h1 title="solve">只有sovle</h1> <h1 title="solve the worry">何原创 2020-08-06 13:30:52 · 589 阅读 · 0 评论 -
CSS学习日记5-选择器3-属性选择器1
二.各种选择器 (一)基本选择器 (二)结构选择器 (三)属性选择器 可以选择html标签里的各种属性。属性用 [ ] 括起来。有时候不用定义类,可以直接找到其属性,就可以对其进行修饰。 . 1.可以光秃秃的,只选择属性 凡是有title属性的,都被选中。 <!-- html --> <body> <main> <article> <h1 title>原创 2020-08-05 16:44:22 · 161 阅读 · 0 评论 -
CSS学习日记4-选择器2-结构选择器
二.各种选择器 (一)基本选择器 (二)结构选择器 1.后代选择器 网页的结构层层嵌套的。其中元素是以父,子,兄弟等关系存在的。一个元素里面还元素,孙元素,子子孙孙无穷尽。后代选择就是选择后代,不管子孙只要是后代都能选上。 方法:CSS中祖宗和后代用空格隔开 <body> <main> <article> <h1> 第一个儿子 </h1>原创 2020-08-04 10:39:58 · 241 阅读 · 0 评论 -
CSS学习日记3-选择器1-基本选择器-类/id选择器
二.各种选择器 (一)基本选择器 1.标签选择器 2.类选择器 可以在相应的标签上定义一个类,单独修饰这个类。使用class字段,在CSS中要用点开头 <body> <div class="divone"> 第一个div </div> <div class="divtwo"> 第二个div </div> </body> <style> .divone{原创 2020-08-03 17:02:25 · 109 阅读 · 0 评论 -
CSS学习日记2-选择器1-基本选择器-标签选择器
一.CSS选择器是啥? 就是实现对HTML页面中的元素实现一对一,一对多或者多对一的控制。 一间房子的不同地点装修一定是不一样的,比如墙上要刮大白,玻璃上要贴窗花。选择器就是帮我们准确的找到我们想要修饰的元素。 二.各种选择器 (一)基本选择器 1.标签选择器 1)使用 * 可为所有元素设置样式。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g原创 2020-08-03 11:30:23 · 125 阅读 · 0 评论 -
CSS学习日记1-CSS引用
一、CSS是个啥 1.Cascading Style Sheets(层叠样式表) 如果说html就是造房子的框架,那么css就是搞装修的。将html搭好的框架装修的非常美丽。一层层给它叠加样式。 2.CSS引用 其实就是房主需要联系装修队来装修,你不叫人家来装修,谁知道你要装修呀! 有三种方式 1)内嵌 直接写在html中想要修饰的东西里。适合少量的修饰。比如只想修饰某个标签,那就不用大费周章的建个css文件啥的了。 <!DOCTYPE html> <html lang="en">原创 2020-08-01 22:23:34 · 112 阅读 · 0 评论